@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/Checkbox/CheckboxGroup.cjs

@@ -0,0 +1,171 @@
+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 CheckboxGroup_exports = {};
+__export(CheckboxGroup_exports, {
+  CheckboxGroup: () => CheckboxGroup
+});
+module.exports = __toCommonJS(CheckboxGroup_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_fieldLayout = require("../../fieldLayout.cjs");
+var import_Skeleton = require("../../Skeleton/index.cjs");
+var import_utils = require("../../shared/utils.cjs");
+var import_Checkbox = require("./Checkbox.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CheckboxGroup({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  disabled,
+  readOnly,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  onValueChange,
+  onBlur,
+  options,
+  orientation = "vertical",
+  checkboxProps,
+  children,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  if (skeleton) {
+    const optionCount = options?.length ?? 3;
+    const Container = orientation === "horizontal" ? import_tamagui.XStack : import_tamagui.YStack;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container, {
+        gap: "$2",
+        children: Array.from({
+          length: optionCount
+        }, (_, i) => /* @__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
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+            variant: "text",
+            width: "50%",
+            height: 14
+          })]
+        }, i))
+      })
+    });
+  }
+  const toggleValue = (0, import_react.useCallback)((currentValues, optionValue, checked) => {
+    if (checked === true) {
+      return [...currentValues, optionValue];
+    }
+    return currentValues.filter(v => v !== optionValue);
+  }, []);
+  const renderItems = (currentValues, handleChange) => {
+    if (children) return children;
+    if (!options) return null;
+    const Container = orientation === "horizontal" ? import_tamagui.XStack : import_tamagui.YStack;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container, {
+      gap: "$2",
+      children: options.map(option => {
+        const itemId = `${id}-${option.value}`;
+        const isChecked = currentValues.includes(option.value);
+        const isDisabled = disabled || option.disabled;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+          label: option.label,
+          id: itemId,
+          checked: isChecked,
+          onCheckedChange: checked => {
+            if (isDisabled || readOnly) return;
+            const newValues = toggleValue(currentValues, option.value, checked);
+            handleChange?.(newValues);
+            onValueChange?.(newValues);
+          },
+          disabled: isDisabled,
+          readOnly,
+          size,
+          checkboxProps
+        }, option.value);
+      })
+    });
+  };
+  if (!resolvedForm || !name) {
+    const currentValues = value ?? defaultValue ?? [];
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      onBlur,
+      children: renderItems(currentValues, onValueChange)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue: defaultValue ?? [],
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = (0, import_utils.getFieldError)(field, error);
+      const fieldValues = field.state.value ?? [];
+      const currentValues = value !== void 0 ? value : fieldValues;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        children: renderItems(currentValues, newValues => {
+          field.handleChange(newValues);
+        })
+      });
+    }
+  });
+}

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

@@ -0,0 +1,182 @@
+"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 CheckboxGroup_exports = {};
+__export(CheckboxGroup_exports, {
+  CheckboxGroup: () => CheckboxGroup
+});
+module.exports = __toCommonJS(CheckboxGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var import_Checkbox = require("./Checkbox.native.js");
+function CheckboxGroup(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onValueChange,
+    onBlur,
+    options,
+    orientation = "vertical",
+    checkboxProps,
+    children,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  if (skeleton) {
+    var _ref;
+    var optionCount = (_ref = options === null || options === void 0 ? void 0 : options.length) !== null && _ref !== void 0 ? _ref : 3;
+    var Container = orientation === "horizontal" ? import_tamagui.XStack : import_tamagui.YStack;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container, {
+        gap: "$2",
+        children: Array.from({
+          length: optionCount
+        }, function (_, i) {
+          return /* @__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
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+              variant: "text",
+              width: "50%",
+              height: 14
+            })]
+          }, i);
+        })
+      })
+    });
+  }
+  var toggleValue = (0, import_react.useCallback)(function (currentValues2, optionValue, checked) {
+    if (checked === true) {
+      return [...currentValues2, optionValue];
+    }
+    return currentValues2.filter(function (v) {
+      return v !== optionValue;
+    });
+  }, []);
+  var renderItems = function renderItems2(currentValues2, handleChange) {
+    if (children) return children;
+    if (!options) return null;
+    var Container2 = orientation === "horizontal" ? import_tamagui.XStack : import_tamagui.YStack;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Container2, {
+      gap: "$2",
+      children: options.map(function (option) {
+        var itemId = `${id}-${option.value}`;
+        var isChecked = currentValues2.includes(option.value);
+        var isDisabled = disabled || option.disabled;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Checkbox.Checkbox, {
+          label: option.label,
+          id: itemId,
+          checked: isChecked,
+          onCheckedChange: function onCheckedChange(checked) {
+            if (isDisabled || readOnly) return;
+            var newValues = toggleValue(currentValues2, option.value, checked);
+            handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValues);
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValues);
+          },
+          disabled: isDisabled,
+          readOnly,
+          size,
+          checkboxProps
+        }, option.value);
+      })
+    });
+  };
+  if (!resolvedForm || !name) {
+    var _ref1;
+    var currentValues = (_ref1 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref1 !== void 0 ? _ref1 : [];
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      required,
+      helperText,
+      size,
+      knobProps,
+      onBlur,
+      children: renderItems(currentValues, onValueChange)
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : [],
+    validators: resolvedValidators,
+    children: function children2(field) {
+      var _field_state_value;
+      var resolvedError = (0, import_utils.getFieldError)(field, error);
+      var fieldValues = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : [];
+      var currentValues2 = value !== void 0 ? value : fieldValues;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        required,
+        helperText,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        children: renderItems(currentValues2, function (newValues) {
+          field.handleChange(newValues);
+        })
+      });
+    }
+  });
+}
+//# sourceMappingURL=CheckboxGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxGroup_exports","__export","CheckboxGroup","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_fieldLayout","import_Skeleton","import_utils","import_Checkbox","param","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","defaultValue","onValueChange","onBlur","options","orientation","checkboxProps","children","skeleton","compact","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","_ref","optionCount","length","Container","XStack","YStack","jsx","FieldLayout","gap","Array","from","_","i","jsxs","alignItems","Skeleton","variant","width","height","toggleValue","useCallback","currentValues2","optionValue","checked","filter","v","renderItems","renderItems2","handleChange","Container2","map","option","itemId","isChecked","includes","isDisabled","Checkbox","onCheckedChange","newValues","_ref1","currentValues","Field","children2","field","_field_state_value","resolvedError","getFieldError","fieldValues","state","mergeFieldHandler"],"sources":["../../../../src/fields/Checkbox/CheckboxGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Checkbox/index.cjs

@@ -0,0 +1,237 @@
+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: () => import_Checkbox.Checkbox,
+  CheckboxGroup: () => import_CheckboxGroup.CheckboxGroup,
+  Checkboxes: () => Checkboxes
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_CheckboxFieldFrame = require("./CheckboxFieldFrame.cjs");
+var import_utils = require("../../shared/utils.cjs");
+var import_Checkbox = require("./Checkbox.cjs");
+var import_CheckboxGroup = require("./CheckboxGroup.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const CheckboxesContext = (0, import_tamagui.createStyledContext)({
+  values: {},
+  onValuesChange: () => {}
+});
+const FocusGroup = (0, import_react2.forwardRef)((props, ref) => {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+    gap: knobProps.gap.gap,
+    focusable: true,
+    outlineOffset: 1,
+    focusStyle: {
+      zIndex: 1
+    },
+    ...props,
+    ref
+  });
+});
+const FocusItemContext = (0, import_tamagui.createStyledContext)({
+  value: ""
+});
+const FocusGroupItem = (0, import_react2.forwardRef)((itemProps, ref) => {
+  const {
+    value,
+    ...props
+  } = itemProps;
+  const {
+    values,
+    onValuesChange
+  } = CheckboxesContext.useStyledContext();
+  const combinedProps = {
+    focusable: true,
+    outlineOffset: 1,
+    flexShrink: 1,
+    focusStyle: {
+      zIndex: 1
+    },
+    ...(import_tamagui.isWeb && {
+      onKeyDown: e => {
+        if (e.key === "Enter" || e.code === "Space") {
+          e.preventDefault();
+          onValuesChange({
+            ...values,
+            [value]: !values[value]
+          });
+        }
+      }
+    }),
+    onPress: () => {
+      onValuesChange({
+        ...values,
+        [value]: !values[value]
+      });
+    },
+    ...props
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusItemContext.Provider, {
+    value,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+      ref,
+      ...combinedProps
+    })
+  });
+});
+const RadiusGroup = (0, import_tamagui.styled)(import_tamagui.Group, {
+  orientation: "vertical",
+  gap: "$2"
+});
+const CheckboxesTitle = (0, import_tamagui.styled)(import_tamagui.H2, {
+  size: "$8"
+});
+const CheckboxesImp = checkboxesProps => {
+  const {
+    values,
+    onValuesChange,
+    ...props
+  } = checkboxesProps;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxesContext.Provider, {
+    values,
+    onValuesChange,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...props
+    })
+  });
+};
+const CheckboxesCheckbox = import_tamagui.Checkbox.styleable((checkboxProps, ref) => {
+  const {
+    checked: _userChecked,
+    onCheckedChange: onCheckedChangeProp,
+    ...props
+  } = checkboxProps;
+  const {
+    values,
+    onValuesChange
+  } = CheckboxesContext.useStyledContext();
+  const {
+    value: focusItemValue
+  } = FocusItemContext.useStyledContext();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const radiusToken = knobProps.borderRadius.borderRadius;
+  const cappedRadius = (0, import_utils.clampRadiusForControl)(radiusToken, 2);
+  const resolvedRadius = cappedRadius === 0 ? {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: 0
+  } : {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: cappedRadius
+  };
+  const combinedProps = {
+    ...props,
+    checked: values[focusItemValue],
+    onCheckedChange: checked => {
+      onCheckedChangeProp?.(checked);
+      onValuesChange({
+        ...values,
+        [focusItemValue]: typeof checked === "boolean" ? checked : !values[focusItemValue]
+      });
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxFieldFrame.CheckboxFieldFrame, {
+    ref,
+    value: focusItemValue,
+    ...knobProps.inputSurface,
+    size: knobProps.sizeToken,
+    ...resolvedRadius,
+    outlined: knobProps.outlined,
+    transition: knobProps.transition,
+    ...combinedProps
+  });
+});
+const CheckboxCardFrame = (0, import_tamagui.styled)(import_tamagui.View, {
+  cursor: "pointer",
+  width: "100%",
+  padding: "$3",
+  borderRadius: "$4",
+  backgroundColor: import_colorRamps.formCardColors.background.base,
+  borderColor: import_colorRamps.formCardColors.border.base,
+  borderWidth: 1,
+  hoverStyle: {
+    borderColor: import_colorRamps.formCardColors.border.hover
+  },
+  variants: {
+    active: {
+      true: {
+        backgroundColor: import_colorRamps.formCardColors.background.active,
+        borderColor: import_colorRamps.formCardColors.border.active
+      }
+    }
+  }
+});
+const CheckboxCard = CheckboxCardFrame.styleable((cardProps, ref) => {
+  const {
+    values
+  } = CheckboxesContext.useStyledContext();
+  const {
+    value
+  } = FocusItemContext.useStyledContext();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const selected = values[value];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxCardFrame, {
+    ref,
+    active: cardProps.active ?? selected,
+    ...knobProps.panelPadding,
+    borderRadius: knobProps.borderRadius.borderRadius,
+    ...cardProps
+  });
+});
+const CheckboxesIndicator = import_tamagui.Checkbox.Indicator.styleable((indicatorProps, ref) => {
+  const {
+    children,
+    ...props
+  } = indicatorProps;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
+    ref,
+    ...props,
+    children: children ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {})
+  });
+});
+const Checkboxes = (0, import_tamagui.withStaticProperties)(CheckboxesImp, {
+  Group: (0, import_tamagui.withStaticProperties)(RadiusGroup, {
+    Item: import_tamagui.Group.Item
+  }),
+  FocusGroup: (0, import_tamagui.withStaticProperties)(FocusGroup, {
+    Item: FocusGroupItem
+  }),
+  Title: CheckboxesTitle,
+  Checkbox: (0, import_tamagui.withStaticProperties)(CheckboxesCheckbox, {
+    Indicator: CheckboxesIndicator,
+    Label: import_tamagui.Label
+  }),
+  Card: CheckboxCard
+});