@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/Input/index.cjs

@@ -0,0 +1,228 @@
+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 Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(Input_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.cjs");
+var import_fieldLayout = require("../../fieldLayout.cjs");
+var import_utils = require("../../shared/utils.cjs");
+var import_InputParts = require("../../InputParts/index.cjs");
+var import_LinkCell = require("../../utils/LinkCell.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Input({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  disabled,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  onChange,
+  onChangeText,
+  onBlur,
+  secureTextEntry,
+  placeholder,
+  multiline,
+  maxLength,
+  keyboardType,
+  textContentType,
+  autoComplete,
+  readOnly,
+  linkResolver,
+  leftIcon,
+  rightIcon,
+  inputProps,
+  children,
+  skeleton,
+  compact,
+  chromeless
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const inputRef = (0, import_react.useRef)(null);
+  const focusTrigger = (0, import_InputParts.useForwardFocus)(inputRef);
+  const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })]
+    });
+  }
+  if (children) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      ...(error ? {
+        theme: "red"
+      } : void 0),
+      children
+    });
+  }
+  const chromelessProps = chromeless ? {
+    borderWidth: 0,
+    backgroundColor: "transparent"
+  } : void 0;
+  const renderInputBox = (inputValue, handleChange, handleBlur, hasError) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
+    ...(handleBlur ? {
+      onBlur: handleBlur
+    } : void 0),
+    ...chromelessProps,
+    children: [leftIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+      adornment: "leading",
+      ...focusTrigger,
+      children: leftIcon
+    }), readOnly ? linkResolver ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LinkCell.LinkCell, {
+      value: inputValue,
+      linkResolver,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        id,
+        "aria-readonly": "true",
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0,
+        color: "$color",
+        children: inputValue ?? ""
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+      ref: inputRef,
+      value: inputValue ?? "",
+      readOnly: true,
+      id,
+      "aria-readonly": "true",
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+      ref: inputRef,
+      ...inputProps,
+      ...(multiline !== void 0 ? {
+        multiline
+      } : void 0),
+      ...(maxLength !== void 0 ? {
+        maxLength
+      } : void 0),
+      ...(keyboardType !== void 0 ? {
+        keyboardType
+      } : void 0),
+      ...(textContentType !== void 0 ? {
+        textContentType
+      } : void 0),
+      ...(autoComplete !== void 0 ? {
+        autoComplete
+      } : void 0),
+      ...(secureTextEntry !== void 0 ? {
+        secureTextEntry
+      } : void 0),
+      ...(placeholder !== void 0 ? {
+        placeholder
+      } : void 0),
+      disabled,
+      id,
+      defaultValue: inputValue,
+      "aria-required": required || void 0,
+      "aria-invalid": hasError || void 0,
+      onChange,
+      onChangeText: text => {
+        if (disabled) return;
+        handleChange?.(text);
+        onChangeText?.(text);
+      }
+    }), rightIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+      adornment: "trailing",
+      ...focusTrigger,
+      children: rightIcon
+    })]
+  });
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: size || knobProps.sizeToken,
+        children: renderInputBox(value ?? defaultValue, void 0, void 0, !!error)
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = (0, import_utils.getFieldError)(field, error);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: size || knobProps.sizeToken,
+          children: renderInputBox(field.state.value, text => field.handleChange(text), void 0, !!resolvedError)
+        })
+      });
+    }
+  });
+}
+Input.Icon = import_InputParts.Input.Icon;
+Input.Box = import_InputParts.Input.Box;
+Input.Area = import_InputParts.Input.Area;
+Input.Section = import_InputParts.Input.Section;
+Input.Button = import_InputParts.Input.Button;
+Input.Info = import_InputParts.Input.Info;
+Input.Meta = import_InputParts.Input.Meta;
+Input.Label = import_InputParts.Input.Label;
+Input.XGroup = import_InputParts.Input.XGroup;

package/dist/cjs/fields/Input/index.native.js

@@ -0,0 +1,236 @@
+"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 Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(Input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var import_InputParts = require("../../InputParts/index.native.js");
+var import_LinkCell = require("../../utils/LinkCell.native.js");
+function Input(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onChange,
+    onChangeText,
+    onBlur,
+    secureTextEntry,
+    placeholder,
+    multiline,
+    maxLength,
+    keyboardType,
+    textContentType,
+    autoComplete,
+    readOnly,
+    linkResolver,
+    leftIcon,
+    rightIcon,
+    inputProps,
+    children,
+    skeleton,
+    compact,
+    chromeless
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var inputRef = (0, import_react.useRef)(null);
+  var focusTrigger = (0, import_InputParts.useForwardFocus)(inputRef);
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })]
+    });
+  }
+  if (children) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      ...(error ? {
+        theme: "red"
+      } : void 0),
+      children
+    });
+  }
+  var chromelessProps = chromeless ? {
+    borderWidth: 0,
+    backgroundColor: "transparent"
+  } : void 0;
+  var renderInputBox = function renderInputBox2(inputValue, handleChange, handleBlur, hasError) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
+      ...(handleBlur ? {
+        onBlur: handleBlur
+      } : void 0),
+      ...chromelessProps,
+      children: [leftIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+        adornment: "leading",
+        ...focusTrigger,
+        children: leftIcon
+      }), readOnly ? linkResolver ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LinkCell.LinkCell, {
+        value: inputValue,
+        linkResolver,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          id,
+          "aria-readonly": "true",
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          color: "$color",
+          children: inputValue !== null && inputValue !== void 0 ? inputValue : ""
+        })
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+        ref: inputRef,
+        value: inputValue !== null && inputValue !== void 0 ? inputValue : "",
+        readOnly: true,
+        id,
+        "aria-readonly": "true",
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+        ref: inputRef,
+        ...inputProps,
+        ...(multiline !== void 0 ? {
+          multiline
+        } : void 0),
+        ...(maxLength !== void 0 ? {
+          maxLength
+        } : void 0),
+        ...(keyboardType !== void 0 ? {
+          keyboardType
+        } : void 0),
+        ...(textContentType !== void 0 ? {
+          textContentType
+        } : void 0),
+        ...(autoComplete !== void 0 ? {
+          autoComplete
+        } : void 0),
+        ...(secureTextEntry !== void 0 ? {
+          secureTextEntry
+        } : void 0),
+        ...(placeholder !== void 0 ? {
+          placeholder
+        } : void 0),
+        disabled,
+        id,
+        defaultValue: inputValue,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0,
+        onChange,
+        onChangeText: function onChangeText1(text) {
+          if (disabled) return;
+          handleChange === null || handleChange === void 0 ? void 0 : handleChange(text);
+          onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
+        }
+      }), rightIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+        adornment: "trailing",
+        ...focusTrigger,
+        children: rightIcon
+      })]
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: size || knobProps.sizeToken,
+        children: renderInputBox(value !== null && value !== void 0 ? value : defaultValue, void 0, void 0, !!error)
+      })
+    });
+  }
+  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);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: size || knobProps.sizeToken,
+          children: renderInputBox(field.state.value, function (text) {
+            return field.handleChange(text);
+          }, void 0, !!resolvedError)
+        })
+      });
+    }
+  });
+}
+Input.Icon = import_InputParts.Input.Icon;
+Input.Box = import_InputParts.Input.Box;
+Input.Area = import_InputParts.Input.Area;
+Input.Section = import_InputParts.Input.Section;
+Input.Button = import_InputParts.Input.Button;
+Input.Info = import_InputParts.Input.Info;
+Input.Meta = import_InputParts.Input.Meta;
+Input.Label = import_InputParts.Input.Label;
+Input.XGroup = import_InputParts.Input.XGroup;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Input/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Input_exports","__export","Input","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_Skeleton","import_fieldLayout","import_utils","import_InputParts","import_LinkCell","param","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","size","id","idProp","defaultValue","onChange","onChangeText","onBlur","secureTextEntry","placeholder","multiline","maxLength","keyboardType","textContentType","autoComplete","readOnly","linkResolver","leftIcon","rightIcon","inputProps","children","skeleton","compact","chromeless","resolvedForm","knobProps","useFormField","inputRef","useRef","focusTrigger","useForwardFocus","resolvedValidators","useResolvedValidators","jsxs","sizeToken","jsx","Skeleton","variant","width","height","theme","chromelessProps","borderWidth","backgroundColor","renderInputBox","renderInputBox2","inputValue","handleChange","handleBlur","hasError","Box","Icon","adornment","LinkCell","Text","color","Area","ref","onChangeText1","text","FieldLayout","Field","children2","field","resolvedError","getFieldError","mergeFieldHandler","state"],"sources":["../../../../src/fields/Input/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/MentionInput/MentionInput.spec.cjs

@@ -0,0 +1,23 @@
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("MentionInput", () => {
+  (0, import_vitest.it)("should render with label and placeholder", () => {
+    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MentionInput, {
+      label: "Comment",
+      name: "comment",
+      placeholder: "Type @ to mention",
+      mentions: [{
+        trigger: "@",
+        data: [{
+          id: "u1",
+          display: "Alice"
+        }]
+      }]
+    }));
+    (0, import_vitest.expect)(result.findTextElement("Comment")).toBeDefined();
+    const textArea = result.container.querySelector("textarea");
+    (0, import_vitest.expect)(textArea?.getAttribute("placeholder")).toBe("Type @ to mention");
+  });
+});

package/dist/cjs/fields/MentionInput/MentionInput.spec.native.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("MentionInput", function () {
+  (0, import_vitest.it)("should render with label and placeholder", function () {
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.MentionInput, {
+      label: "Comment",
+      name: "comment",
+      placeholder: "Type @ to mention",
+      mentions: [{
+        trigger: "@",
+        data: [{
+          id: "u1",
+          display: "Alice"
+        }]
+      }]
+    }));
+    (0, import_vitest.expect)(result.findTextElement("Comment")).toBeDefined();
+    var textArea = result.container.querySelector("textarea");
+    (0, import_vitest.expect)(textArea === null || textArea === void 0 ? void 0 : textArea.getAttribute("placeholder")).toBe("Type @ to mention");
+  });
+});
+//# sourceMappingURL=MentionInput.spec.native.js.map

package/dist/cjs/fields/MentionInput/MentionInput.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_vitest","import_test_utils","import_index","describe","it","result","renderWithProviders","jsx","MentionInput","label","name","placeholder","mentions","trigger","data","id","display","expect","findTextElement","toBeDefined","textArea","container","querySelector","getAttribute","toBe"],"sources":["../../../../src/fields/MentionInput/MentionInput.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,kBAAA,GAAoCC,OAAA;AACpC,IAAAC,aAAA,GAA6BD,OAAA;AAKvB,IAAAE,iBAAA,GAAAF,OAAA;AAAA,IAHNG,YAAA,GAAAH,OAAA,oBAAS;AACP,IAAAC,aAAA,CAAAG,QAAG;EACD,IAAAH,aAAM,CAAAI,EAAA,EAAS;IAAA,IACbC,MAAA,OAAAJ,iBAAA,CAAAK,mBAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,YAAA;MAAAC,KAAC;MAAAC,IAAA;MAAAC,WACO;MAAAC,QACN,EAAK;QAELC,OAAA,KAAU;QAAAC,IACR;UAEEC,EAAA,MAAO;UACTC,OAAA;QACF;MACF;IAGF;IACA,IAAAhB,aAAiB,CAAAiB,MAAO,EAAAZ,MAAA,CAAAa,eAAwB,UAAU,GAAAC,WAAA;IAC1D,IAAAC,QAAA,GAAAf,MAAA,CAAAgB,SAAO,CAAAC,aAAU,WAAa;IAC/B,IAAAtB,aAAA,CAAAiB,MAAA,EAAAG,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAG,YAAA,iBAAAC,IAAA;EACF","ignoreList":[]}