@multiplatform.one/forms 6.0.0

package/dist/esm/Button/index.mjs

@@ -0,0 +1,254 @@
+import { createElement, isValidElement, useCallback, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useFormField } from "../shared/utils.mjs";
+import { Button as TamaguiButton, SizableText, View, Theme, Spinner, styled, isWeb } from "tamagui";
+import { Store, useStore } from "@tanstack/react-store";
+import { getSpace } from "@tamagui/get-token";
+import { themeableVariants } from "@tamagui/stacks";
+import { formButtonColors, formCommonColors } from "../shared/colorRamps.mjs";
+import { useControlGrouped } from "../shared/groupContext.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalizeButtonIcon(icon) {
+  if (icon == null || icon === false) return null;
+  if (isValidElement(icon)) return icon;
+  if (typeof icon === "function") {
+    return createElement(icon, {
+      size: 16
+    });
+  }
+  if (typeof icon === "object" && icon !== null && "$$typeof" in icon) {
+    return createElement(icon, {
+      size: 16
+    });
+  }
+  return icon;
+}
+const getButtonSized = (val, {
+  props
+}) => {
+  if (!val || props.circular) return;
+  if (typeof val === "number") {
+    return {
+      paddingHorizontal: val * 0.25,
+      height: val
+    };
+  }
+  return {
+    paddingHorizontal: getSpace(val),
+    height: val
+  };
+};
+const textAccentLow = {
+  default: formButtonColors.textLow.base,
+  hover: formButtonColors.textLow.hover,
+  press: formButtonColors.textLow.active
+};
+const dummyStore = new Store({
+  isValid: true
+});
+const ButtonFrame = styled(View, {
+  name: "Button",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  backgroundColor: formButtonColors.background.base,
+  borderWidth: 1,
+  borderColor: formButtonColors.border.base,
+  hoverStyle: {
+    backgroundColor: formButtonColors.background.hover
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent"
+        },
+        pressStyle: {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    circular: themeableVariants.circular,
+    chromeless: themeableVariants.chromeless,
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+function Button({
+  children,
+  action,
+  form: formProp,
+  loading,
+  accent,
+  error,
+  warning,
+  success,
+  skeleton = false,
+  outlined,
+  disabled,
+  theme,
+  onPress,
+  tabIndex,
+  icon,
+  iconAfter,
+  compact,
+  ...props
+}) {
+  const {
+    resolvedForm: formFromHook
+  } = useFormField({
+    form: formProp
+  });
+  const resolvedForm = action ? formFromHook : void 0;
+  const {
+    isValid
+  } = useStore(resolvedForm?.store ?? dummyStore, s => ({
+    isValid: s.isValid ?? true
+  }));
+  const intent = accent && "accent" || error && "error" || warning && "warning" || success && "success" || void 0;
+  const {
+    knobProps,
+    control,
+    text
+  } = useResolvedKnobs({
+    intent,
+    component: "Button",
+    compact
+  });
+  const grouped = useControlGrouped();
+  if (skeleton) {
+    return /* @__PURE__ */jsx(View, {
+      ...knobProps.borderRadius,
+      backgroundColor: "$gray5",
+      height: knobProps.sizeToken,
+      width: 120,
+      opacity: 0.5,
+      ...props
+    });
+  }
+  const isDisabled = disabled || loading || action === "submit" && resolvedForm && !isValid;
+  const handlePress = e => {
+    if (action === "submit" && resolvedForm) resolvedForm.handleSubmit();
+    if (action === "reset" && resolvedForm) resolvedForm.reset();
+    onPress?.(e);
+  };
+  const activeThemeName = theme ?? intent;
+  outlined = outlined ?? knobProps.outlined;
+  const isLow = knobProps.textAccent === "low";
+  const isMedium = knobProps.textAccent === "medium";
+  const baseBorderWidth = knobProps.borderRadius.borderWidth;
+  const resolvedBorderWidth = baseBorderWidth > 0 ? Math.max(baseBorderWidth, 1) : outlined ? 1 : 0;
+  const [hovering, setHovering] = useState(false);
+  const [pressing, setPressing] = useState(false);
+  const handlePressIn = useCallback(() => {
+    setPressing(true);
+    if (isWeb) {
+      const up = () => setPressing(false);
+      document.addEventListener("pointerup", up, {
+        once: true
+      });
+    }
+  }, []);
+  const handlePressOut = useCallback(() => setPressing(false), []);
+  const textColor = isLow ? pressing ? textAccentLow.press : hovering ? textAccentLow.hover : textAccentLow.default : isMedium ? formCommonColors.text : void 0;
+  const textContent = loading ? /* @__PURE__ */jsx(Spinner, {
+    size: "small"
+  }) : typeof children === "string" ? /* @__PURE__ */jsx(SizableText, {
+    userSelect: "none",
+    flexGrow: 0,
+    flexShrink: 1,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    ...knobProps.body,
+    ...(textColor ? {
+      color: textColor
+    } : void 0),
+    transition: knobProps.transition,
+    children
+  }) : children;
+  const hasIcon = icon || iconAfter;
+  const iconElement = icon ? /* @__PURE__ */jsx(View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(icon)
+  }) : null;
+  const iconAfterElement = iconAfter ? /* @__PURE__ */jsx(View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(iconAfter)
+  }) : null;
+  const buttonElement = /* @__PURE__ */jsxs(ButtonFrame, {
+    disabled: isDisabled || false,
+    opacity: isDisabled ? 0.5 : 1,
+    transition: knobProps.transition,
+    ...knobProps.borderRadius,
+    borderWidth: resolvedBorderWidth,
+    size: knobProps.sizeToken,
+    elevation: knobProps.elevation,
+    outlined,
+    ...(outlined ? {
+      variant: "outlined"
+    } : void 0),
+    ...(isLow ? {
+      onHoverIn: () => setHovering(true),
+      onHoverOut: () => setHovering(false),
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut
+    } : void 0),
+    hoverStyle: {
+      backgroundColor: outlined ? "transparent" : formButtonColors.background.hover,
+      ...(outlined ? {
+        borderColor: formButtonColors.border.hover
+      } : void 0),
+      ...control.hoverKnobProps,
+      ...text.hoverKnobProps
+    },
+    pressStyle: {
+      backgroundColor: outlined ? "transparent" : formButtonColors.background.active,
+      ...(outlined ? {
+        borderColor: formButtonColors.border.active
+      } : void 0),
+      ...control.pressKnobProps,
+      ...text.pressKnobProps
+    },
+    focusStyle: {},
+    focusVisibleStyle: {},
+    onPress: handlePress,
+    ...(tabIndex != null ? {
+      tabIndex
+    } : void 0),
+    ...props,
+    ...(grouped ? {
+      borderWidth: 0,
+      borderRadius: 0,
+      elevation: void 0,
+      height: "100%"
+    } : void 0),
+    gap: hasIcon && (children || textContent) ? "$2" : void 0,
+    children: [iconElement, textContent, iconAfterElement]
+  });
+  if (activeThemeName) {
+    return /* @__PURE__ */jsx(Theme, {
+      name: activeThemeName,
+      children: buttonElement
+    });
+  }
+  return buttonElement;
+}
+Button.Icon = TamaguiButton.Icon;
+Button.Text = SizableText;
+export { Button };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/Button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","isValidElement","useCallback","useState","useResolvedKnobs","useFormField","Button","TamaguiButton","SizableText","View","Theme","Spinner","styled","isWeb","Store","useStore","getSpace","themeableVariants","formButtonColors","formCommonColors","useControlGrouped","jsx","jsxs","normalizeButtonIcon","icon","size","getButtonSized","val","props","circular","paddingHorizontal","height","textAccentLow","default","textLow","base","hover","press","active","dummyStore","isValid","ButtonFrame","name","role","tabIndex","cursor","justifyContent","alignItems","flexWrap","flexDirection","backgroundColor","background","borderWidth","borderColor","border","hoverStyle","variants","outlined","true","pressStyle","chromeless","disabled","pointerEvents","defaultVariants","children","action","form","formProp","loading","accent","error","warning","success","skeleton","theme","onPress","iconAfter","compact","resolvedForm","formFromHook","store","s","intent","knobProps","control","text","component","grouped","borderRadius","sizeToken","width","opacity","isDisabled","handlePress","e","handleSubmit","reset","activeThemeName","isLow","textAccent","isMedium","baseBorderWidth","resolvedBorderWidth","Math","max","hovering","setHovering","pressing","setPressing","handlePressIn","up","document","addEventListener","once","handlePressOut","textColor","textContent","userSelect","flexGrow","flexShrink","textOverflow","whiteSpace","overflow","body","color","transition","hasIcon","iconElement","iconAfterElement","buttonElement","elevation","variant","onHoverIn","onHoverOut","onPressIn","onPressOut","hoverKnobProps","pressKnobProps","focusStyle","focusVisibleStyle","gap","Icon","Text"],"sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Button/index.native.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement, isValidElement, useCallback, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useFormField } from "../shared/utils.native.js";
+import { Button as TamaguiButton, SizableText, View, Theme, Spinner, styled, isWeb } from "tamagui";
+import { Store, useStore } from "@tanstack/react-store";
+import { getSpace } from "@tamagui/get-token";
+import { themeableVariants } from "@tamagui/stacks";
+import { formButtonColors, formCommonColors } from "../shared/colorRamps.native.js";
+import { useControlGrouped } from "../shared/groupContext.native.js";
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function normalizeButtonIcon(icon) {
+  if (icon == null || icon === false) return null;
+  if (/* @__PURE__ */isValidElement(icon)) return icon;
+  if (typeof icon === "function") {
+    return /* @__PURE__ */createElement(icon, {
+      size: 16
+    });
+  }
+  if ((typeof icon === "undefined" ? "undefined" : _type_of(icon)) === "object" && icon !== null && "$$typeof" in icon) {
+    return /* @__PURE__ */createElement(icon, {
+      size: 16
+    });
+  }
+  return icon;
+}
+var getButtonSized = function getButtonSized2(val, param) {
+  var {
+    props
+  } = param;
+  if (!val || props.circular) return;
+  if (typeof val === "number") {
+    return {
+      paddingHorizontal: val * 0.25,
+      height: val
+    };
+  }
+  return {
+    paddingHorizontal: getSpace(val),
+    height: val
+  };
+};
+var textAccentLow = {
+  default: formButtonColors.textLow.base,
+  hover: formButtonColors.textLow.hover,
+  press: formButtonColors.textLow.active
+};
+var dummyStore = new Store({
+  isValid: true
+});
+var ButtonFrame = styled(View, {
+  name: "Button",
+  role: "button",
+  tabIndex: 0,
+  cursor: "pointer",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  backgroundColor: formButtonColors.background.base,
+  borderWidth: 1,
+  borderColor: formButtonColors.border.base,
+  hoverStyle: {
+    backgroundColor: formButtonColors.background.hover
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent"
+        },
+        pressStyle: {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    circular: themeableVariants.circular,
+    chromeless: themeableVariants.chromeless,
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$true"
+  }
+});
+function Button(param) {
+  var {
+    children,
+    action,
+    form: formProp,
+    loading,
+    accent,
+    error,
+    warning,
+    success,
+    skeleton = false,
+    outlined,
+    disabled,
+    theme,
+    onPress,
+    tabIndex,
+    icon,
+    iconAfter,
+    compact,
+    ...props
+  } = param;
+  var _ref;
+  var {
+    resolvedForm: formFromHook
+  } = useFormField({
+    form: formProp
+  });
+  var resolvedForm = action ? formFromHook : void 0;
+  var {
+    isValid
+  } = useStore((_ref = resolvedForm === null || resolvedForm === void 0 ? void 0 : resolvedForm.store) !== null && _ref !== void 0 ? _ref : dummyStore, function (s) {
+    var _s_isValid;
+    return {
+      isValid: (_s_isValid = s.isValid) !== null && _s_isValid !== void 0 ? _s_isValid : true
+    };
+  });
+  var intent = accent && "accent" || error && "error" || warning && "warning" || success && "success" || void 0;
+  var {
+    knobProps,
+    control,
+    text
+  } = useResolvedKnobs({
+    intent,
+    component: "Button",
+    compact
+  });
+  var grouped = useControlGrouped();
+  if (skeleton) {
+    return /* @__PURE__ */_jsx(View, {
+      ...knobProps.borderRadius,
+      backgroundColor: "$gray5",
+      height: knobProps.sizeToken,
+      width: 120,
+      opacity: 0.5,
+      ...props
+    });
+  }
+  var isDisabled = disabled || loading || action === "submit" && resolvedForm && !isValid;
+  var handlePress = function handlePress2(e) {
+    if (action === "submit" && resolvedForm) resolvedForm.handleSubmit();
+    if (action === "reset" && resolvedForm) resolvedForm.reset();
+    onPress === null || onPress === void 0 ? void 0 : onPress(e);
+  };
+  var activeThemeName = theme !== null && theme !== void 0 ? theme : intent;
+  outlined = outlined !== null && outlined !== void 0 ? outlined : knobProps.outlined;
+  var isLow = knobProps.textAccent === "low";
+  var isMedium = knobProps.textAccent === "medium";
+  var baseBorderWidth = knobProps.borderRadius.borderWidth;
+  var resolvedBorderWidth = baseBorderWidth > 0 ? Math.max(baseBorderWidth, 1) : outlined ? 1 : 0;
+  var [hovering, setHovering] = useState(false);
+  var [pressing, setPressing] = useState(false);
+  var handlePressIn = useCallback(function () {
+    setPressing(true);
+    if (isWeb) {
+      var up = function up2() {
+        return setPressing(false);
+      };
+      document.addEventListener("pointerup", up, {
+        once: true
+      });
+    }
+  }, []);
+  var handlePressOut = useCallback(function () {
+    return setPressing(false);
+  }, []);
+  var textColor = isLow ? pressing ? textAccentLow.press : hovering ? textAccentLow.hover : textAccentLow.default : isMedium ? formCommonColors.text : void 0;
+  var textContent = loading ? /* @__PURE__ */_jsx(Spinner, {
+    size: "small"
+  }) : typeof children === "string" ? /* @__PURE__ */_jsx(SizableText, {
+    userSelect: "none",
+    flexGrow: 0,
+    flexShrink: 1,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    ...knobProps.body,
+    ...(textColor ? {
+      color: textColor
+    } : void 0),
+    transition: knobProps.transition,
+    children
+  }) : children;
+  var hasIcon = icon || iconAfter;
+  var iconElement = icon ? /* @__PURE__ */_jsx(View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(icon)
+  }) : null;
+  var iconAfterElement = iconAfter ? /* @__PURE__ */_jsx(View, {
+    flexShrink: 0,
+    children: normalizeButtonIcon(iconAfter)
+  }) : null;
+  var buttonElement = /* @__PURE__ */_jsxs(ButtonFrame, {
+    disabled: isDisabled || false,
+    opacity: isDisabled ? 0.5 : 1,
+    transition: knobProps.transition,
+    ...knobProps.borderRadius,
+    borderWidth: resolvedBorderWidth,
+    size: knobProps.sizeToken,
+    elevation: knobProps.elevation,
+    outlined,
+    ...(outlined ? {
+      variant: "outlined"
+    } : void 0),
+    ...(isLow ? {
+      onHoverIn: function onHoverIn() {
+        return setHovering(true);
+      },
+      onHoverOut: function onHoverOut() {
+        return setHovering(false);
+      },
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut
+    } : void 0),
+    hoverStyle: {
+      backgroundColor: outlined ? "transparent" : formButtonColors.background.hover,
+      ...(outlined ? {
+        borderColor: formButtonColors.border.hover
+      } : void 0),
+      ...control.hoverKnobProps,
+      ...text.hoverKnobProps
+    },
+    pressStyle: {
+      backgroundColor: outlined ? "transparent" : formButtonColors.background.active,
+      ...(outlined ? {
+        borderColor: formButtonColors.border.active
+      } : void 0),
+      ...control.pressKnobProps,
+      ...text.pressKnobProps
+    },
+    focusStyle: {},
+    focusVisibleStyle: {},
+    onPress: handlePress,
+    ...(tabIndex != null ? {
+      tabIndex
+    } : void 0),
+    ...props,
+    ...(grouped ? {
+      borderWidth: 0,
+      borderRadius: 0,
+      elevation: void 0,
+      height: "100%"
+    } : void 0),
+    gap: hasIcon && (children || textContent) ? "$2" : void 0,
+    children: [iconElement, textContent, iconAfterElement]
+  });
+  if (activeThemeName) {
+    return /* @__PURE__ */_jsx(Theme, {
+      name: activeThemeName,
+      children: buttonElement
+    });
+  }
+  return buttonElement;
+}
+Button.Icon = TamaguiButton.Icon;
+Button.Text = SizableText;
+export { Button };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/Button/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","createElement","isValidElement","useCallback","useState","useResolvedKnobs","useFormField","Button","TamaguiButton","SizableText","View","Theme","Spinner","styled","isWeb","Store","useStore","getSpace","themeableVariants","formButtonColors","formCommonColors","useControlGrouped","_type_of","obj","Symbol","constructor","normalizeButtonIcon","icon","size","getButtonSized","getButtonSized2","val","param","props","circular","paddingHorizontal","height","textAccentLow","default","textLow","base","hover","press","active","dummyStore","isValid","ButtonFrame","name","role","tabIndex","cursor","justifyContent","alignItems","flexWrap","flexDirection","backgroundColor","background","borderWidth","borderColor","border","hoverStyle","variants","outlined","true","pressStyle","chromeless","disabled","pointerEvents","defaultVariants","children","action","form","formProp","loading","accent","error","warning","success","skeleton","theme","onPress","iconAfter","compact","_ref","resolvedForm","formFromHook","store","s","_s_isValid","intent","knobProps","control","text","component","grouped","borderRadius","sizeToken","width","opacity","isDisabled","handlePress","handlePress2","e","handleSubmit","reset","activeThemeName","isLow","textAccent","isMedium","baseBorderWidth","resolvedBorderWidth","Math","max","hovering","setHovering","pressing","setPressing","handlePressIn","up","up2","document","addEventListener","once","handlePressOut","textColor","textContent","userSelect","flexGrow","flexShrink","textOverflow","whiteSpace","overflow","body","color","transition","hasIcon","iconElement","iconAfterElement","buttonElement","elevation","variant","onHoverIn","onHoverOut","onPressIn","onPressOut","hoverKnobProps","pressKnobProps","focusStyle","focusVisibleStyle"],"sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}