@multiplatform.one/forms 7.35.0 → 7.37.0

package/dist/esm/Wheel/WheelEdgeFade.native.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { LinearGradient } from "expo-linear-gradient";
-import { StyleSheet, View as RNView } from "react-native";
-import { useTheme } from "tamagui";
-function toTransparent(color) {
-  var fnMatch = color.match(/^(rgb|hsl)a?\(([^)]+)\)$/i);
-  if (fnMatch) {
-    var parts = fnMatch[2].split(",").map(function (part) {
-      return part.trim();
-    });
-    var [a, b, c] = parts;
-    return `${fnMatch[1].toLowerCase()}a(${a}, ${b}, ${c}, 0)`;
-  }
-  var hexMatch = color.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
-  if (hexMatch) {
-    var hex = hexMatch[1];
-    if (hex.length === 3) {
-      hex = hex.split("").map(function (char) {
-        return char + char;
-      }).join("");
-    }
-    var r = Number.parseInt(hex.slice(0, 2), 16);
-    var g = Number.parseInt(hex.slice(2, 4), 16);
-    var b1 = Number.parseInt(hex.slice(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b1}, 0)`;
-  }
-  return "transparent";
-}
-function WheelEdgeFade(param) {
-  var {
-    height
-  } = param;
-  var _ref;
-  var _theme_background;
-  var theme = useTheme();
-  var background = (_ref = (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.val) !== null && _ref !== void 0 ? _ref : "#ffffff";
-  var transparent = toTransparent(background);
-  if (height <= 0) return null;
-  return /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(RNView, {
-      pointerEvents: "none",
-      style: [styles.band, {
-        top: 0,
-        height
-      }],
-      children: /* @__PURE__ */_jsx(LinearGradient, {
-        colors: [background, transparent],
-        start: {
-          x: 0.5,
-          y: 0
-        },
-        end: {
-          x: 0.5,
-          y: 1
-        },
-        style: StyleSheet.absoluteFill
-      })
-    }), /* @__PURE__ */_jsx(RNView, {
-      pointerEvents: "none",
-      style: [styles.band, {
-        bottom: 0,
-        height
-      }],
-      children: /* @__PURE__ */_jsx(LinearGradient, {
-        colors: [transparent, background],
-        start: {
-          x: 0.5,
-          y: 0
-        },
-        end: {
-          x: 0.5,
-          y: 1
-        },
-        style: StyleSheet.absoluteFill
-      })
-    })]
-  });
-}
-var styles = StyleSheet.create({
-  band: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    zIndex: 2
-  }
-});
-export { WheelEdgeFade };
-//# sourceMappingURL=WheelEdgeFade.native.js.map

package/dist/esm/Wheel/WheelEdgeFade.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LinearGradient","StyleSheet","View","RNView","useTheme","toTransparent","color","fnMatch","match","parts","split","map","part","trim","a","b","c","toLowerCase","hexMatch","hex","length","char","join","r","Number","parseInt","slice","g","b1","WheelEdgeFade","param","height","_ref","_theme_background","theme","background","val","transparent","children","pointerEvents","style","styles","band","top","colors","start","x","y","end","absoluteFill","bottom","create","position","left","right","zIndex"],"sources":["../../../src/Wheel/WheelEdgeFade.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Wheel/WheelEdgeFade.mjs

@@ -1,5 +0,0 @@
-function WheelEdgeFade(_props) {
-  return null;
-}
-export { WheelEdgeFade };
-//# sourceMappingURL=WheelEdgeFade.mjs.map

package/dist/jsx/Wheel/WheelEdgeFade.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["WheelEdgeFade","_props"],"sources":["../../../src/Wheel/WheelEdgeFade.tsx"],"sourcesContent":[null],"mappings":"AAIO,SAASA,cAAcC,MAAA,EAA4B;EACxD,OAAO;AACT","ignoreList":[]}

package/dist/jsx/Wheel/WheelEdgeFade.native.js

@@ -1,116 +0,0 @@
-"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 WheelEdgeFade_native_exports = {};
-__export(WheelEdgeFade_native_exports, {
-  WheelEdgeFade: () => WheelEdgeFade
-});
-module.exports = __toCommonJS(WheelEdgeFade_native_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_expo_linear_gradient = require("expo-linear-gradient");
-var import_react_native = require("react-native");
-var import_tamagui = require("tamagui");
-function toTransparent(color) {
-  var fnMatch = color.match(/^(rgb|hsl)a?\(([^)]+)\)$/i);
-  if (fnMatch) {
-    var parts = fnMatch[2].split(",").map(function (part) {
-      return part.trim();
-    });
-    var [a, b, c] = parts;
-    return `${fnMatch[1].toLowerCase()}a(${a}, ${b}, ${c}, 0)`;
-  }
-  var hexMatch = color.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
-  if (hexMatch) {
-    var hex = hexMatch[1];
-    if (hex.length === 3) {
-      hex = hex.split("").map(function (char) {
-        return char + char;
-      }).join("");
-    }
-    var r = Number.parseInt(hex.slice(0, 2), 16);
-    var g = Number.parseInt(hex.slice(2, 4), 16);
-    var b1 = Number.parseInt(hex.slice(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b1}, 0)`;
-  }
-  return "transparent";
-}
-function WheelEdgeFade(param) {
-  var {
-    height
-  } = param;
-  var _ref;
-  var _theme_background;
-  var theme = (0, import_tamagui.useTheme)();
-  var background = (_ref = (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.val) !== null && _ref !== void 0 ? _ref : "#ffffff";
-  var transparent = toTransparent(background);
-  if (height <= 0) return null;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
-      pointerEvents: "none",
-      style: [styles.band, {
-        top: 0,
-        height
-      }],
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_expo_linear_gradient.LinearGradient, {
-        colors: [background, transparent],
-        start: {
-          x: 0.5,
-          y: 0
-        },
-        end: {
-          x: 0.5,
-          y: 1
-        },
-        style: import_react_native.StyleSheet.absoluteFill
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
-      pointerEvents: "none",
-      style: [styles.band, {
-        bottom: 0,
-        height
-      }],
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_expo_linear_gradient.LinearGradient, {
-        colors: [transparent, background],
-        start: {
-          x: 0.5,
-          y: 0
-        },
-        end: {
-          x: 0.5,
-          y: 1
-        },
-        style: import_react_native.StyleSheet.absoluteFill
-      })
-    })]
-  });
-}
-var styles = import_react_native.StyleSheet.create({
-  band: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    zIndex: 2
-  }
-});
-//# sourceMappingURL=WheelEdgeFade.native.js.map

package/dist/jsx/Wheel/WheelEdgeFade.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["WheelEdgeFade_native_exports","__export","WheelEdgeFade","module","exports","__toCommonJS","import_jsx_runtime","require","import_expo_linear_gradient","import_react_native","import_tamagui","toTransparent","color","fnMatch","match","parts","split","map","part","trim","a","b","c","toLowerCase","hexMatch","hex","length","char","join","r","Number","parseInt","slice","g","b1","param","height","_ref","_theme_background","theme","useTheme","background","val","transparent","jsxs","Fragment","children","jsx","View","pointerEvents","style","styles","band","top","LinearGradient","colors","start","x","y","end","StyleSheet","absoluteFill","bottom","create","position","left","right","zIndex"],"sources":["../../../src/Wheel/WheelEdgeFade.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/src/Wheel/WheelEdgeFade.native.tsx

@@ -1,67 +0,0 @@
-import { LinearGradient } from "expo-linear-gradient";
-import { StyleSheet, View as RNView } from "react-native";
-import { useTheme } from "tamagui";
-
-function toTransparent(color: string): string {
-  const fnMatch = color.match(/^(rgb|hsl)a?\(([^)]+)\)$/i);
-  if (fnMatch) {
-    const parts = fnMatch[2].split(",").map((part) => part.trim());
-    const [a, b, c] = parts;
-    return `${fnMatch[1].toLowerCase()}a(${a}, ${b}, ${c}, 0)`;
-  }
-  const hexMatch = color.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
-  if (hexMatch) {
-    let hex = hexMatch[1];
-    if (hex.length === 3) {
-      hex = hex
-        .split("")
-        .map((char) => char + char)
-        .join("");
-    }
-    const r = Number.parseInt(hex.slice(0, 2), 16);
-    const g = Number.parseInt(hex.slice(2, 4), 16);
-    const b = Number.parseInt(hex.slice(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b}, 0)`;
-  }
-  return "transparent";
-}
-
-/**
- * Cylinder fade toward the edges. Overlay (not row opacity) so inactive
- * numerals stay on the $color11 ramp (LC-25 / Wheel contrast contract).
- */
-export function WheelEdgeFade({ height }: { height: number }) {
-  const theme = useTheme();
-  const background = theme.background?.val ?? "#ffffff";
-  const transparent = toTransparent(background);
-  if (height <= 0) return null;
-  return (
-    <>
-      <RNView pointerEvents="none" style={[styles.band, { top: 0, height }]}>
-        <LinearGradient
-          colors={[background, transparent]}
-          start={{ x: 0.5, y: 0 }}
-          end={{ x: 0.5, y: 1 }}
-          style={StyleSheet.absoluteFill}
-        />
-      </RNView>
-      <RNView pointerEvents="none" style={[styles.band, { bottom: 0, height }]}>
-        <LinearGradient
-          colors={[transparent, background]}
-          start={{ x: 0.5, y: 0 }}
-          end={{ x: 0.5, y: 1 }}
-          style={StyleSheet.absoluteFill}
-        />
-      </RNView>
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  band: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    zIndex: 2,
-  },
-});

package/src/Wheel/WheelEdgeFade.spec.tsx

@@ -1,141 +0,0 @@
-/**
- * WheelEdgeFade — LC-25's two halves (MPO-143).
- *
- * The contract is a platform split with a contrast reason behind it. On web the
- * wheel viewport carries a CSS mask, so this component must render NOTHING; on
- * native it paints two absolutely-positioned gradient bands as an OVERLAY. The
- * overlay is the whole point: fading the rows themselves would drop their
- * opacity below 1 and take the inactive `$color11` numerals under the AA floor,
- * which is the regression Wheel.spec.tsx guards from the other side.
- *
- * Both halves are exercised. A spec that covered only the file the web build
- * resolves would be asserting `null` and calling it a test.
- *
- * `expo-linear-gradient` ships untranspiled JSX in its published build, which
- * the web transform cannot parse, so it is mocked into a probe element. The
- * mock is the gradient, not the component under test: colours, start and end
- * come straight from WheelEdgeFade.
- */
-import { cleanup } from "@testing-library/react";
-import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { WheelEdgeFade } from "./WheelEdgeFade";
-import { WheelEdgeFade as NativeWheelEdgeFade } from "./WheelEdgeFade.native";
-
-vi.mock("expo-linear-gradient", () => ({
-  LinearGradient: (props: { colors?: string[]; start?: unknown; end?: unknown }) => (
-    <div
-      data-gradient="true"
-      data-colors={(props.colors ?? []).join("|")}
-      data-start={JSON.stringify(props.start)}
-      data-end={JSON.stringify(props.end)}
-    />
-  ),
-}));
-
-afterEach(cleanup);
-
-function bands(container: HTMLElement): HTMLElement[] {
-  return Array.from(container.querySelectorAll("[style*='height']")) as HTMLElement[];
-}
-
-function gradients(container: HTMLElement): HTMLElement[] {
-  return Array.from(container.querySelectorAll("[data-gradient]")) as HTMLElement[];
-}
-
-function colorsOf(node: HTMLElement): string[] {
-  return String(node.getAttribute("data-colors") ?? "").split("|");
-}
-
-describe("WheelEdgeFade — web", () => {
-  it("renders nothing, because the viewport's CSS mask already does the fade", () => {
-    const { container } = renderWithProviders(<WheelEdgeFade height={24} />);
-    expect(container.querySelector("[data-gradient]")).toBeNull();
-    expect(container.textContent).toBe("");
-  });
-
-  it("renders nothing at every height, so it can never dim a row", () => {
-    for (const height of [0, 1, 24, 400]) {
-      const { container } = renderWithProviders(<WheelEdgeFade height={height} />);
-      expect(container.querySelector("[data-gradient]"), String(height)).toBeNull();
-      cleanup();
-    }
-  });
-});
-
-describe("WheelEdgeFade — native", () => {
-  it("paints one band per edge, never a single one", () => {
-    const { container } = renderWithProviders(<NativeWheelEdgeFade height={24} />);
-    expect(gradients(container)).toHaveLength(2);
-  });
-
-  it("draws nothing at all when the band height is zero or negative", () => {
-    const zero = renderWithProviders(<NativeWheelEdgeFade height={0} />);
-    expect(gradients(zero.container)).toHaveLength(0);
-    cleanup();
-    const negative = renderWithProviders(<NativeWheelEdgeFade height={-8} />);
-    expect(gradients(negative.container)).toHaveLength(0);
-  });
-
-  it("pins one band to the top and one to the bottom", () => {
-    const { container } = renderWithProviders(<NativeWheelEdgeFade height={30} />);
-    const edges = bands(container).map((node) => node.getAttribute("style") ?? "");
-    expect(edges.some((style) => /top:\s*0px/.test(style))).toBe(true);
-    expect(edges.some((style) => /bottom:\s*0px/.test(style))).toBe(true);
-  });
-
-  it("gives each band the height it was handed, so the caller sets the fade depth", () => {
-    const { container } = renderWithProviders(<NativeWheelEdgeFade height={30} />);
-    const heights = bands(container).map(
-      (node) => /height:\s*(\d+)px/.exec(node.getAttribute("style") ?? "")?.[1],
-    );
-    expect(heights.filter(Boolean)).toEqual(["30", "30"]);
-    cleanup();
-    const taller = renderWithProviders(<NativeWheelEdgeFade height={64} />);
-    expect(
-      bands(taller.container).map(
-        (node) => /height:\s*(\d+)px/.exec(node.getAttribute("style") ?? "")?.[1],
-      ),
-    ).toEqual(["64", "64"]);
-  });
-
-  it("keeps the bands out of the way of a drag, so the wheel still scrolls", () => {
-    const { container } = renderWithProviders(<NativeWheelEdgeFade height={24} />);
-    for (const band of bands(container)) {
-      expect(band.className).toContain("r-pointerEvents");
-      expect(band.className).toContain("r-position");
-    }
-  });
-
-  it("runs the top band opaque-to-clear and the bottom band clear-to-opaque", () => {
-    const { container } = renderWithProviders(<NativeWheelEdgeFade height={24} />);
-    const [top, bottom] = gradients(container).map(colorsOf);
-    expect(top).toHaveLength(2);
-    expect(bottom).toHaveLength(2);
-    // The two bands are mirror images: the top starts on the page background
-    // and ends transparent, the bottom does the reverse.
-    expect(top[0]).toBe(bottom[1]);
-    expect(top[1]).toBe(bottom[0]);
-    expect(top[1]).toMatch(/,\s*0\)$/);
-    expect(top[0]).not.toMatch(/,\s*0\)$/);
-  });
-
-  it("derives the fade colour from the theme background rather than a hardcoded white", () => {
-    const { container } = renderWithProviders(<NativeWheelEdgeFade height={24} />);
-    const [opaque, clear] = colorsOf(gradients(container)[0]);
-    expect(opaque).toBeTruthy();
-    expect(opaque).not.toBe("transparent");
-    // The clear stop is the SAME colour at zero alpha, so the band never
-    // shifts hue across its length.
-    const channels = /rgba\(([^)]+),\s*0\)$/.exec(clear)?.[1];
-    expect(channels, `clear stop ${clear} must be the opaque stop at alpha 0`).toBeTruthy();
-  });
-
-  it("runs both gradients vertically down the centre line", () => {
-    const { container } = renderWithProviders(<NativeWheelEdgeFade height={24} />);
-    for (const gradient of gradients(container)) {
-      expect(gradient.getAttribute("data-start")).toBe(JSON.stringify({ x: 0.5, y: 0 }));
-      expect(gradient.getAttribute("data-end")).toBe(JSON.stringify({ x: 0.5, y: 1 }));
-    }
-  });
-});

package/src/Wheel/WheelEdgeFade.tsx

@@ -1,7 +0,0 @@
-/**
- * Web uses the CSS mask on the wheel viewport (LC-25: row opacity stays 1 so
- * $color11 clears AA). Native paints a background fade overlay instead.
- */
-export function WheelEdgeFade(_props: { height: number }) {
-  return null;
-}

package/types/Wheel/WheelEdgeFade.d.ts

@@ -1,8 +0,0 @@
-/**
- * Web uses the CSS mask on the wheel viewport (LC-25: row opacity stays 1 so
- * $color11 clears AA). Native paints a background fade overlay instead.
- */
-export declare function WheelEdgeFade(_props: {
-    height: number;
-}): null;
-//# sourceMappingURL=WheelEdgeFade.d.ts.map

package/types/Wheel/WheelEdgeFade.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WheelEdgeFade.d.ts","sourceRoot":"","sources":["../../src/Wheel/WheelEdgeFade.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,QAEvD"}

package/types/Wheel/WheelEdgeFade.native.d.ts

@@ -1,8 +0,0 @@
-/**
- * Cylinder fade toward the edges. Overlay (not row opacity) so inactive
- * numerals stay on the $color11 ramp (LC-25 / Wheel contrast contract).
- */
-export declare function WheelEdgeFade({ height }: {
-    height: number;
-}): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=WheelEdgeFade.native.d.ts.map

package/types/Wheel/WheelEdgeFade.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WheelEdgeFade.native.d.ts","sourceRoot":"","sources":["../../src/Wheel/WheelEdgeFade.native.tsx"],"names":[],"mappings":"AA4BA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,kDAyB3D"}