@multiplatform.one/forms 7.40.0 → 7.42.0

package/dist/jsx/keyboard/chain.native.js

@@ -0,0 +1,203 @@
+"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 chain_exports = {};
+__export(chain_exports, {
+  KeyboardChain: () => KeyboardChain,
+  KeyboardChainContext: () => KeyboardChainContext,
+  KeyboardChainScope: () => KeyboardChainScope,
+  readingOrder: () => readingOrder
+});
+module.exports = __toCommonJS(chain_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+function _class_call_check(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function readingOrder(boxes) {
+  return boxes.filter(function (box) {
+    return box.width > 0 || box.height > 0;
+  }).sort(function (a, b) {
+    var sameRow = Math.abs(a.y - b.y) < Math.min(a.height, b.height) / 2;
+    return sameRow ? a.x - b.x : a.y - b.y;
+  }).map(function (box) {
+    return box.id;
+  });
+}
+var KeyboardChain = /* @__PURE__ */function () {
+  "use strict";
+
+  function KeyboardChain2() {
+    var _this = this;
+    _class_call_check(this, KeyboardChain2);
+    _define_property(this, "entries", /* @__PURE__ */new Map());
+    _define_property(this, "order", []);
+    _define_property(this, "listeners", /* @__PURE__ */new Set());
+    _define_property(this, "pending", false);
+    _define_property(this, "subscribe", function (listener) {
+      _this.listeners.add(listener);
+      return function () {
+        _this.listeners.delete(listener);
+      };
+    });
+  }
+  _create_class(KeyboardChain2, [{
+    key: "register",
+    value: function register(entry) {
+      var _this = this;
+      this.entries.set(entry.id, entry);
+      this.invalidate();
+      return function () {
+        _this.entries.delete(entry.id);
+        _this.invalidate();
+      };
+    }
+  }, {
+    /** A field that has not been measured yet reads as last, so it never claims "next" falsely. */
+    key: "isLast",
+    value: function isLast(id) {
+      var at = this.order.indexOf(id);
+      return at === -1 || at === this.order.length - 1;
+    }
+  }, {
+    key: "invalidate",
+    value: function invalidate() {
+      var _this = this;
+      if (this.pending) return;
+      this.pending = true;
+      void Promise.resolve().then(async function () {
+        _this.pending = false;
+        await _this.refresh();
+      });
+    }
+  }, {
+    /**
+    * Focus the field after `id`, or run onLast from the last one. Uses the
+    * order measured at layout, and measures first only for a field it has not
+    * placed yet.
+    */
+    key: "advance",
+    value: function advance(id, onLast) {
+      var _this = this;
+      if (!this.order.includes(id)) {
+        void this.refresh().then(function (order) {
+          return _this.step(order, id, onLast);
+        });
+        return;
+      }
+      this.step(this.order, id, onLast);
+    }
+  }, {
+    key: "step",
+    value: function step(order, id, onLast) {
+      var next = order[order.indexOf(id) + 1];
+      var entry = order.includes(id) && next ? this.entries.get(next) : void 0;
+      if (entry) entry.focus();else onLast();
+    }
+  }, {
+    key: "refresh",
+    value: async function refresh() {
+      var _this = this;
+      var boxes = await Promise.all([...this.entries.values()].map(function (entry) {
+        return new Promise(function (resolve) {
+          return entry.measure(resolve);
+        });
+      }));
+      var order = readingOrder(boxes.filter(function (box) {
+        return Boolean(box);
+      }));
+      var changed = order.length !== this.order.length || order.some(function (id, i) {
+        return id !== _this.order[i];
+      });
+      this.order = order;
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      if (changed) try {
+        for (var _iterator = this.listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var listener = _step.value;
+          listener();
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+      return order;
+    }
+  }]);
+  return KeyboardChain2;
+}();
+var KeyboardChainContext = /* @__PURE__ */(0, import_react.createContext)(new KeyboardChain());
+function KeyboardChainScope(param) {
+  var {
+    children
+  } = param;
+  var [chain] = (0, import_react.useState)(function () {
+    return new KeyboardChain();
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(KeyboardChainContext.Provider, {
+    value: chain,
+    children
+  });
+}
+//# sourceMappingURL=chain.native.js.map

package/dist/jsx/keyboard/chain.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","chain_exports","KeyboardChain","KeyboardChainContext","KeyboardChainScope","readingOrder","module","exports","import_jsx_runtime","require","import_react","_class_call_check","instance","Constructor","TypeError","_defineProperties","props","i","length","descriptor","configurable","writable","_create_class","protoProps","staticProps","_define_property","obj","boxes","filter","box","width","height","sort","a","b","sameRow","Math","abs","y","min","x","map","id","KeyboardChain2","_this","Map"],"sources":["../../../src/keyboard/chain.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/keyboard/index.mjs

@@ -0,0 +1,5 @@
+import { KeyboardChain, KeyboardChainContext, KeyboardChainScope, readingOrder } from "./chain.mjs";
+import { KeyboardDoneBar } from "./KeyboardDoneBar.mjs";
+import { useKeyboardChain } from "./useKeyboardChain.mjs";
+export { KeyboardChain, KeyboardChainContext, KeyboardChainScope, KeyboardDoneBar, readingOrder, useKeyboardChain };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/keyboard/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["KeyboardChain","KeyboardChainContext","KeyboardChainScope","readingOrder","KeyboardDoneBar","useKeyboardChain"],"sources":["../../../src/keyboard/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,oBAAA,EAAsBC,kBAAA,EAAoBC,YAAA,QAAoB;AAEtF,SAASC,eAAA,QAAuB;AAChC,SAASC,gBAAA,QAAwB","ignoreList":[]}

package/dist/jsx/keyboard/index.native.js

@@ -0,0 +1,38 @@
+"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 keyboard_exports = {};
+__export(keyboard_exports, {
+  KeyboardChain: () => import_chain.KeyboardChain,
+  KeyboardChainContext: () => import_chain.KeyboardChainContext,
+  KeyboardChainScope: () => import_chain.KeyboardChainScope,
+  KeyboardDoneBar: () => import_KeyboardDoneBar.KeyboardDoneBar,
+  readingOrder: () => import_chain.readingOrder,
+  useKeyboardChain: () => import_useKeyboardChain.useKeyboardChain
+});
+module.exports = __toCommonJS(keyboard_exports);
+var import_chain = require("./chain.native.js");
+var import_KeyboardDoneBar = require("./KeyboardDoneBar.native.js");
+var import_useKeyboardChain = require("./useKeyboardChain.native.js");
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/keyboard/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor"],"sources":["../../../src/keyboard/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAChC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAwB","ignoreList":[]}

package/dist/jsx/keyboard/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/keyboard/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/jsx/keyboard/types.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.native.js.map

package/dist/jsx/keyboard/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/jsx/keyboard/useKeyboardChain.mjs

@@ -0,0 +1,8 @@
+function useKeyboardChain(_options) {
+  return {
+    inputProps: {},
+    accessory: null
+  };
+}
+export { useKeyboardChain };
+//# sourceMappingURL=useKeyboardChain.mjs.map

package/dist/jsx/keyboard/useKeyboardChain.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKeyboardChain","_options","inputProps","accessory"],"sources":["../../../src/keyboard/useKeyboardChain.ts"],"sourcesContent":[null],"mappings":"AAGO,SAASA,iBAAiBC,QAAA,EAAsD;EACrF,OAAO;IAAEC,UAAA,EAAY,CAAC;IAAGC,SAAA,EAAW;EAAK;AAC3C","ignoreList":[]}

package/dist/jsx/keyboard/useKeyboardChain.native.js

@@ -0,0 +1,114 @@
+"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 useKeyboardChain_native_exports = {};
+__export(useKeyboardChain_native_exports, {
+  useKeyboardChain: () => useKeyboardChain
+});
+module.exports = __toCommonJS(useKeyboardChain_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_chain = require("./chain.native.js");
+var import_KeyboardDoneBar = require("./KeyboardDoneBar.native.js");
+function useKeyboardChain(param) {
+  var {
+    inputRef,
+    enabled = true,
+    multiline,
+    onSubmitLast,
+    onSubmitEditing
+  } = param;
+  var chain = (0, import_react.useContext)(import_chain.KeyboardChainContext);
+  var id = (0, import_react.useId)();
+  var accessoryId = `mpo-keyboard-done${id}`;
+  var chained = enabled && !multiline;
+  var entry = (0, import_react.useMemo)(function () {
+    return {
+      id,
+      focus: function focus() {
+        var _inputRef_current_focus, _inputRef_current;
+        return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);
+      },
+      measure: function measure(done) {
+        var input = inputRef.current;
+        if (!(input === null || input === void 0 ? void 0 : input.measureInWindow)) return done(void 0);
+        input.measureInWindow(function (x, y, width, height) {
+          return done({
+            id,
+            x,
+            y,
+            width,
+            height
+          });
+        });
+      }
+    };
+  }, [id, inputRef]);
+  (0, import_react.useEffect)(function () {
+    return chained ? chain.register(entry) : void 0;
+  }, [chain, chained, entry]);
+  var isLast = (0, import_react.useSyncExternalStore)(chain.subscribe, function () {
+    return chain.isLast(id);
+  }, function () {
+    return true;
+  });
+  var handleSubmitEditing = (0, import_react.useCallback)(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    onSubmitEditing === null || onSubmitEditing === void 0 ? void 0 : onSubmitEditing(...args);
+    chain.advance(id, function () {
+      import_react_native.Keyboard.dismiss();
+      onSubmitLast === null || onSubmitLast === void 0 ? void 0 : onSubmitLast();
+    });
+  }, [chain, id, onSubmitEditing, onSubmitLast]);
+  var relayout = (0, import_react.useCallback)(function () {
+    return chain.invalidate();
+  }, [chain]);
+  if (!enabled) return {
+    inputProps: {},
+    accessory: null
+  };
+  var ios = import_react_native.Platform.OS === "ios";
+  return {
+    inputProps: {
+      ...(ios ? {
+        inputAccessoryViewID: accessoryId
+      } : void 0),
+      ...(chained ? {
+        returnKeyType: isLast ? "done" : "next",
+        // "submit" keeps the keyboard up while focus moves on, so it does
+        // not drop and rise again between fields.
+        submitBehavior: isLast ? "blurAndSubmit" : "submit",
+        onSubmitEditing: handleSubmitEditing,
+        onLayout: relayout
+      } : void 0)
+    },
+    accessory: ios ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_KeyboardDoneBar.KeyboardDoneBar, {
+      nativeID: accessoryId
+    }) : null
+  };
+}
+//# sourceMappingURL=useKeyboardChain.native.js.map

package/dist/jsx/keyboard/useKeyboardChain.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKeyboardChain_native_exports","__export","useKeyboardChain","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_chain","import_KeyboardDoneBar","param","inputRef","enabled","multiline","onSubmitLast","onSubmitEditing","chain","useContext","KeyboardChainContext","id","useId","accessoryId","chained","entry","useMemo","focus","_inputRef_current_focus","_inputRef_current","current","call","measure","done","input","measureInWindow","x","y","width","height","useEffect","register","isLast","useSyncExternalStore","subscribe","handleSubmitEditing","useCallback","_len","arguments","length","args","Array","_key","advance","Keyboard","dismiss","relayout","invalidate","inputProps","accessory","ios","Platform","OS","inputAccessoryViewID","returnKeyType","submitBehavior","onLayout","jsx","KeyboardDoneBar","nativeID"],"sources":["../../../src/keyboard/useKeyboardChain.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,+BAAA;AAAAC,QAAA,CAAAD,+BAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,+BAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAC5B,IAAAC,YAAA,GAAyFD,OAAA;AACzF,IAAAE,mBAAA,GAAmCF,OAAA;AACnC,IAAAG,YAAA,GAAqCH,OAAA;AACrC,IAAAI,sBAAA,GAAgCJ,OAAA;AACzB,SAASL,iBAAiBU,KAAA,EAAO;EACpC,IAAI;IAAEC,QAAA;IAAUC,OAAA,GAAU;IAAMC,SAAA;IAAWC,YAAA;IAAcC;EAAgB,IAAIL,KAAA;EAC7E,IAAIM,KAAA,OAAQV,YAAA,CAAAW,UAAA,EAAWT,YAAA,CAAAU,oBAAoB;EAC3C,IAAIC,EAAA,OAAKb,YAAA,CAAAc,KAAA,EAAM;EAGf,IAAIC,WAAA,GAAc,oBAAoBF,EAAE;EACxC,IAAIG,OAAA,GAAUV,OAAA,IAAW,CAACC,SAAA;EAC1B,IAAIU,KAAA,OAAQjB,YAAA,CAAAkB,OAAA,EAAQ,YAAW;IAC3B,OAAO;MACHL,EAAA;MACAM,KAAA,EAAO,SAASA,MAAA,EAAQ;QACpB,IAAIC,uBAAA,EAAyBC,iBAAA;QAC7B,QAAQA,iBAAA,GAAoBhB,QAAA,CAASiB,OAAA,MAAa,QAAQD,iBAAA,KAAsB,SAAS,UAAUD,uBAAA,GAA0BC,iBAAA,CAAkBF,KAAA,MAAW,QAAQC,uBAAA,KAA4B,SAAS,SAASA,uBAAA,CAAwBG,IAAA,CAAKF,iBAAiB;MAClQ;MACAG,OAAA,EAAS,SAASA,QAAQC,IAAA,EAAM;QAC5B,IAAIC,KAAA,GAAQrB,QAAA,CAASiB,OAAA;QACrB,IAAI,EAAEI,KAAA,KAAU,QAAQA,KAAA,KAAU,SAAS,SAASA,KAAA,CAAMC,eAAA,GAAkB,OAAOF,IAAA,CAAK,MAAS;QACjGC,KAAA,CAAMC,eAAA,CAAgB,UAASC,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQ;UAChD,OAAON,IAAA,CAAK;YACRZ,EAAA;YACAe,CAAA;YACAC,CAAA;YACAC,KAAA;YACAC;UACJ,CAAC;QACL,CAAC;MACL;IACJ;EACJ,GAAG,CACClB,EAAA,EACAR,QAAA,CACH;EACD,IAAAL,YAAA,CAAAgC,SAAA,EAAU,YAAW;IACjB,OAAOhB,OAAA,GAAUN,KAAA,CAAMuB,QAAA,CAAShB,KAAK,IAAI;EAC7C,GAAG,CACCP,KAAA,EACAM,OAAA,EACAC,KAAA,CACH;EACD,IAAIiB,MAAA,OAASlC,YAAA,CAAAmC,oBAAA,EAAqBzB,KAAA,CAAM0B,SAAA,EAAW,YAAW;IAC1D,OAAO1B,KAAA,CAAMwB,MAAA,CAAOrB,EAAE;EAC1B,GAAG,YAAW;IACV,OAAO;EACX,CAAC;EACD,IAAIwB,mBAAA,OAAsBrC,YAAA,CAAAsC,WAAA,EAAY,YAAW;IAC7C,SAAQC,IAAA,GAAOC,SAAA,CAAUC,MAAA,EAAQC,IAAA,GAAO,IAAIC,KAAA,CAAMJ,IAAI,GAAGK,IAAA,GAAO,GAAGA,IAAA,GAAOL,IAAA,EAAMK,IAAA,IAAO;MACnFF,IAAA,CAAKE,IAAI,IAAIJ,SAAA,CAAUI,IAAI;IAC/B;IACAnC,eAAA,KAAoB,QAAQA,eAAA,KAAoB,SAAS,SAASA,eAAA,CAAgB,GAAGiC,IAAI;IACzFhC,KAAA,CAAMmC,OAAA,CAAQhC,EAAA,EAAI,YAAW;MACzBZ,mBAAA,CAAA6C,QAAA,CAASC,OAAA,CAAQ;MACjBvC,YAAA,KAAiB,QAAQA,YAAA,KAAiB,SAAS,SAASA,YAAA,CAAa;IAC7E,CAAC;EACL,GAAG,CACCE,KAAA,EACAG,EAAA,EACAJ,eAAA,EACAD,YAAA,CACH;EACD,IAAIwC,QAAA,OAAWhD,YAAA,CAAAsC,WAAA,EAAY,YAAW;IAClC,OAAO5B,KAAA,CAAMuC,UAAA,CAAW;EAC5B,GAAG,CACCvC,KAAA,CACH;EACD,IAAI,CAACJ,OAAA,EAAS,OAAO;IACjB4C,UAAA,EAAY,CAAC;IACbC,SAAA,EAAW;EACf;EACA,IAAIC,GAAA,GAAMnD,mBAAA,CAAAoD,QAAA,CAASC,EAAA,KAAO;EAC1B,OAAO;IACHJ,UAAA,EAAY;MACR,IAAGE,GAAA,GAAM;QACLG,oBAAA,EAAsBxC;MAC1B,IAAI;MACJ,IAAGC,OAAA,GAAU;QACTwC,aAAA,EAAetB,MAAA,GAAS,SAAS;QAAA;QAAA;QAGjCuB,cAAA,EAAgBvB,MAAA,GAAS,kBAAkB;QAC3CzB,eAAA,EAAiB4B,mBAAA;QACjBqB,QAAA,EAAUV;MACd,IAAI;IACR;IACAG,SAAA,EAAWC,GAAA,GAAoB,mBAAAtD,kBAAA,CAAA6D,GAAA,EAAKxD,sBAAA,CAAAyD,eAAA,EAAiB;MACjDC,QAAA,EAAU9C;IACd,CAAC,IAAI;EACT;AACJ","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/forms",
-  "version": "7.40.0",
+  "version": "7.42.0",
   "description": "Cross-platform form components with URL state management",
   "keywords": [
     "cross-platform",
@@ -57,10 +57,10 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.20",
-    "@multiplatform.one/platform": "^7.40.0",
-    "@multiplatform.one/router": "^7.40.0",
-    "@multiplatform.one/table-primitives": "^7.40.0",
-    "@multiplatform.one/theme": "^7.40.0",
+    "@multiplatform.one/platform": "^7.42.0",
+    "@multiplatform.one/router": "^7.42.0",
+    "@multiplatform.one/table-primitives": "^7.42.0",
+    "@multiplatform.one/theme": "^7.42.0",
     "@phosphor-icons/react": "^2.1.10",
     "@tamagui/get-font-sized": "2.7.6",
     "@tamagui/get-token": "2.7.6",
@@ -79,9 +79,9 @@
     "tamagui": "2.7.6"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.40.0",
-    "@multiplatform.one/storybook": "7.40.0",
-    "@multiplatform.one/test-utils": "7.40.0",
+    "@multiplatform.one/config": "7.42.0",
+    "@multiplatform.one/storybook": "7.42.0",
+    "@multiplatform.one/test-utils": "7.42.0",
     "@tamagui/build": "2.7.6",
     "@tamagui/config": "2.7.6",
     "@tamagui/vite-plugin": "2.7.6",

package/src/Form/index.tsx

@@ -21,6 +21,7 @@ import {
 import { ContextualSaveBar, type ContextualSaveBarProps } from "../ContextualSaveBar";
 import { ErrorSummary, collectFormFieldErrors, type ErrorSummaryItem } from "../ErrorSummary";
 import { RequiredMarkingContext, mapHouseRequiredMarking } from "../requiredMarking";
+import { KeyboardChainScope } from "../keyboard/chain";
 import { getFormSubmission } from "./submissionController";
 import { type FormValidateOn, resolveEffectiveValidateOn } from "./validateOn";
 
@@ -320,32 +321,36 @@ export function Form<TFormData extends Record<string, any>, TFormValidator = any
       <FormSaveModeContext.Provider value={saveMode}>
         <RequiredMarkingContext.Provider value={{ mode: requiredMarkMode }}>
           <FormValidateProvider form={form} validateOn={validateOn}>
-            <TamaguiForm ref={setFormRef} onSubmit={handleSubmit} {...tamaguiFormProps}>
-              <YStack
-                data-mpo-form-layout=""
-                data-gap={knobProps.gap.gap}
-                data-size-token={knobProps.sizeToken}
-                width="100%"
-                minWidth={0}
-                // A readable column: fields and actions read as one group on a
-                // wide screen. `maxWidth` on the Form ejects (e.g. "100%").
-                maxWidth={(tamaguiFormProps.maxWidth as never) ?? FORM_READABLE_WIDTH}
-                {...knobProps.gap}
-                {...(tamaguiFormProps.flex != null ? { flex: tamaguiFormProps.flex as never } : {})}
-              >
-                {showErrorSummary ? (
-                  <AutoErrorSummary
-                    form={form}
-                    title={errorSummaryTitle}
-                    formElement={formElementRef.current}
-                  />
-                ) : null}
-                {children}
-                {saveBar ? (
-                  <ContextualSaveBar {...(typeof saveBar === "object" ? saveBar : {})} />
-                ) : null}
-              </YStack>
-            </TamaguiForm>
+            <KeyboardChainScope>
+              <TamaguiForm ref={setFormRef} onSubmit={handleSubmit} {...tamaguiFormProps}>
+                <YStack
+                  data-mpo-form-layout=""
+                  data-gap={knobProps.gap.gap}
+                  data-size-token={knobProps.sizeToken}
+                  width="100%"
+                  minWidth={0}
+                  // A readable column: fields and actions read as one group on a
+                  // wide screen. `maxWidth` on the Form ejects (e.g. "100%").
+                  maxWidth={(tamaguiFormProps.maxWidth as never) ?? FORM_READABLE_WIDTH}
+                  {...knobProps.gap}
+                  {...(tamaguiFormProps.flex != null
+                    ? { flex: tamaguiFormProps.flex as never }
+                    : {})}
+                >
+                  {showErrorSummary ? (
+                    <AutoErrorSummary
+                      form={form}
+                      title={errorSummaryTitle}
+                      formElement={formElementRef.current}
+                    />
+                  ) : null}
+                  {children}
+                  {saveBar ? (
+                    <ContextualSaveBar {...(typeof saveBar === "object" ? saveBar : {})} />
+                  ) : null}
+                </YStack>
+              </TamaguiForm>
+            </KeyboardChainScope>
           </FormValidateProvider>
         </RequiredMarkingContext.Provider>
       </FormSaveModeContext.Provider>

package/src/InputParts/index.tsx

@@ -593,6 +593,13 @@ const InputGroupImpl = InputGroupFrame.styleable<{
       }
     : undefined;
 
+  const focusRing = ensureFocusVisibleRing({
+    ...inputOutlineFocus,
+    ...control.focusKnobProps,
+    ...control.focusVisibleKnobProps,
+    outlineOffset: boxRingOffset(ringMode),
+  });
+
   return (
     <FocusContext.Provider focused={focused} setFocused={setFocused}>
       {wrapNativePressable(
@@ -640,19 +647,20 @@ const InputGroupImpl = InputGroupFrame.styleable<{
                 // resolved backup (and the native path). Button-like Boxes
                 // (Select) do not set `focused` (no Area onFocus).
                 borderColor: formInputColors.border.focus,
-                ...ensureFocusVisibleRing({
-                  ...inputOutlineFocus,
-                  ...control.focusKnobProps,
-                  ...control.focusVisibleKnobProps,
-                  outlineOffset: boxRingOffset(ringMode),
-                }),
+                ...focusRing,
               }
-            : {
-                // Explicit rest — avoid leaving theme `$outlineColor` (near-white in
-                // dark) as the computed outline-color while width settles.
-                // Keep outline-transparent rest (border-flicker fix); do not warn.
-                ...inputOutlineRest,
-              })}
+            : isWeb
+              ? {
+                  // Explicit rest — avoid leaving theme `$outlineColor` (near-white in
+                  // dark) as the computed outline-color while width settles.
+                  // Keep outline-transparent rest (border-flicker fix); do not warn.
+                  ...inputOutlineRest,
+                }
+              : // FZ-7718: on iOS the outline's width and offset changing as
+                // the field takes focus makes it resign first responder, so a
+                // programmatic focus (Return to the next field) never sticks.
+                // Native keeps the ring's geometry at rest and fades its color.
+                { ...focusRing, outlineColor: "transparent" })}
           {...suppressedRingProps}
           // LC-40 DISABLED-VISIBLE: the input frame is text-bearing chrome —
           // keepLabel washes fill/border (value text keeps >= AA) and