@multiplatform.one/forms 6.0.4 → 6.3.0

package/dist/esm/fields/ColorPicker/ColorPicker.spec.native.js

@@ -1,132 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { act, fireEvent, waitFor } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
-import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isValidHex, normalizeHex, rgbToHex, rgbToHsv } from "./parts.native.js";
-vi.mock("@tamagui/lucide-icons-2", function () {
-  return {
-    Palette: function Palette() {
-      return null;
-    },
-    X: function X() {
-      return null;
-    }
-  };
-});
-async function loadColorPicker() {
-  return (await import("./index.native.js")).ColorPicker;
-}
-describe("ColorPicker", function () {
-  it("should handle disabled state", async function () {
-    var ColorPicker = await loadColorPicker();
-    var result = renderWithProviders(/* @__PURE__ */_jsx(ColorPicker, {
-      label: "Color",
-      name: "color",
-      disabled: true
-    }));
-    var input = result.container.querySelector("input");
-    expect(input).toBeTruthy();
-    expect(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
-    var clickable = result.container.querySelector("input,button,[role='button']");
-    if (clickable) {
-      fireEvent.click(clickable);
-    }
-    expect(result.findTextElement("Opacity: 100%")).toBeUndefined();
-  });
-  it("opens popover and updates value from hex input", async function () {
-    var ColorPicker = await loadColorPicker();
-    var result = renderWithProviders(/* @__PURE__ */_jsx(ColorPicker, {
-      label: "Color",
-      name: "color",
-      placeholder: "Pick a color",
-      showAlpha: true
-    }));
-    var triggerInput = result.container.querySelector("input");
-    expect(triggerInput).toBeTruthy();
-    await act(async function () {
-      if (triggerInput) fireEvent.click(triggerInput);
-    });
-    await waitFor(function () {
-      var _document_body_textContent;
-      expect((_document_body_textContent = document.body.textContent) === null || _document_body_textContent === void 0 ? void 0 : _document_body_textContent.includes("Opacity:")).toBe(true);
-    });
-    var hexInput = document.body.querySelector('input[placeholder="#000000"]');
-    expect(hexInput).toBeTruthy();
-    await act(async function () {
-      if (hexInput) fireEvent.change(hexInput, {
-        target: {
-          value: "00ff00"
-        }
-      });
-    });
-    await waitFor(function () {
-      var updated = result.container.querySelector("input");
-      expect(updated === null || updated === void 0 ? void 0 : updated.value).toBe("#00FF00");
-    });
-  });
-  it("clears selected value from trigger button", async function () {
-    var ColorPicker = await loadColorPicker();
-    var result = renderWithProviders(/* @__PURE__ */_jsx(ColorPicker, {
-      label: "Color",
-      name: "color",
-      placeholder: "Pick a color",
-      defaultValue: "#112233"
-    }));
-    var input = result.container.querySelector("input");
-    expect(input === null || input === void 0 ? void 0 : input.value).toBe("#112233");
-    var triggerButton = result.container.querySelector("button");
-    await act(async function () {
-      if (triggerButton) fireEvent.click(triggerButton);
-    });
-    await waitFor(function () {
-      var _ref;
-      var updated = result.container.querySelector("input");
-      expect((_ref = updated === null || updated === void 0 ? void 0 : updated.value) !== null && _ref !== void 0 ? _ref : "").toBe("");
-    });
-  });
-  it("shows format validation error for invalid rgb value", async function () {
-    var ColorPicker = await loadColorPicker();
-    var result = renderWithProviders(/* @__PURE__ */_jsx(ColorPicker, {
-      label: "Color",
-      name: void 0,
-      format: "rgb",
-      defaultValue: "not-rgb"
-    }));
-    expect(result.findTextElement("Invalid RGB color value")).toBeDefined();
-  });
-  describe("color utilities", function () {
-    it("validates and normalizes hex values", function () {
-      expect(isValidHex("#AABBCC")).toBe(true);
-      expect(isValidHex("#abc")).toBe(true);
-      expect(isValidHex("123456")).toBe(false);
-      expect(normalizeHex("#abc")).toBe("#AABBCC");
-      expect(normalizeHex("aabbcc")).toBe("#AABBCC");
-    });
-    it("converts between RGB and HEX", function () {
-      expect(rgbToHex(255, 0, 128)).toBe("#FF0080");
-      expect(hexToRgb("#FF0080")).toEqual({
-        r: 255,
-        g: 0,
-        b: 128
-      });
-      expect(hexToRgb("invalid")).toBeNull();
-    });
-    it("converts between HSV and RGB/HEX", function () {
-      expect(hsvToRgb(0, 100, 100)).toEqual({
-        r: 255,
-        g: 0,
-        b: 0
-      });
-      expect(hsvToHex(120, 100, 100)).toBe("#00FF00");
-      var hsv = rgbToHsv(0, 0, 255);
-      expect(hsv.h).toBe(240);
-      expect(hsv.s).toBe(100);
-      expect(hsv.v).toBe(100);
-      var fromHex = hexToHsv("#0000FF");
-      expect(fromHex.h).toBe(240);
-      expect(fromHex.s).toBe(100);
-      expect(fromHex.v).toBe(100);
-    });
-  });
-});
-//# sourceMappingURL=ColorPicker.spec.native.js.map

package/dist/esm/fields/ColorPicker/ColorPicker.spec.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","act","fireEvent","waitFor","describe","expect","it","vi","renderWithProviders","hexToHsv","hexToRgb","hsvToHex","hsvToRgb","isValidHex","normalizeHex","rgbToHex","rgbToHsv","mock","Palette","X","loadColorPicker","ColorPicker","result","label","name","disabled","input","container","querySelector","toBeTruthy","getAttribute","toBe","clickable","click","findTextElement","toBeUndefined","placeholder","showAlpha","triggerInput","_document_body_textContent","document","body","textContent","includes","hexInput","change","target","value","updated","defaultValue","triggerButton","_ref","format","toBeDefined","toEqual","r","g"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/ColorPicker/ColorPicker.stories.mjs

@@ -1,208 +0,0 @@
-import { action } from "@multiplatform.one/storybook";
-import { useForm } from "@tanstack/react-form";
-import { useState } from "react";
-import { YStack } from "tamagui";
-import { Button } from "../../Button/index.mjs";
-import { Form } from "../../Form/index.mjs";
-import { ColorPicker } from "./index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-const meta = {
-  title: "Forms/ColorPicker",
-  component: ColorPicker,
-  parameters: {
-    docs: {
-      description: {
-        component: "A color picker with a 2D saturation/value panel, hue strip, preset swatches, and hex input. Opens in a popover dropdown."
-      }
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text",
-      description: "Field label"
-    },
-    placeholder: {
-      control: "text",
-      description: "Placeholder text"
-    },
-    helperText: {
-      control: "text",
-      description: "Helper text below the field"
-    },
-    error: {
-      control: "text",
-      description: "Error message"
-    },
-    required: {
-      control: "boolean",
-      description: "Mark field as required"
-    },
-    disabled: {
-      control: "boolean",
-      description: "Disable the color picker"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Field size"
-    },
-    format: {
-      control: "select",
-      options: ["hex", "rgb", "hsl"],
-      description: "Color format to use"
-    },
-    showAlpha: {
-      control: "boolean",
-      description: "Show alpha channel slider"
-    },
-    presetColors: {
-      control: "object",
-      description: "Array of preset color values"
-    }
-  }
-};
-var ColorPicker_stories_default = meta;
-const Main = {
-  name: "Main",
-  render: () => {
-    const FormExample = () => {
-      const form = useForm({
-        defaultValues: {
-          brandColor: "#3B82F6",
-          backgroundColor: "#FFFFFF",
-          textColor: "#000000"
-        },
-        onSubmit: async ({
-          value
-        }) => {
-          action("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */jsx(Form, {
-        form,
-        children: /* @__PURE__ */jsxs(YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */jsx(ColorPicker, {
-            label: "Brand Color",
-            name: "brandColor",
-            helperText: "Choose your primary brand color"
-          }), /* @__PURE__ */jsx(ColorPicker, {
-            label: "Background Color",
-            name: "backgroundColor",
-            helperText: "Choose background color"
-          }), /* @__PURE__ */jsx(ColorPicker, {
-            label: "Text Color",
-            name: "textColor",
-            helperText: "Choose text color"
-          }), /* @__PURE__ */jsx(Button, {
-            action: "submit",
-            children: "Submit"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */jsx(FormExample, {});
-  }
-};
-const Standalone = {
-  args: {
-    label: "Brand Color",
-    placeholder: "Pick a color",
-    helperText: "Choose your brand color",
-    format: "hex"
-  },
-  render: args => /* @__PURE__ */jsx(ColorPicker, {
-    ...args
-  })
-};
-const Basic = {
-  render: args => /* @__PURE__ */jsx(ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Choose Color",
-    placeholder: "Select a color"
-  }
-};
-const Sizes = {
-  render: () => /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    maxWidth: 400,
-    children: [/* @__PURE__ */jsx(ColorPicker, {
-      label: "Small",
-      size: "$2",
-      placeholder: "Pick a color"
-    }), /* @__PURE__ */jsx(ColorPicker, {
-      label: "Medium (default)",
-      size: "$3",
-      placeholder: "Pick a color"
-    }), /* @__PURE__ */jsx(ColorPicker, {
-      label: "Large",
-      size: "$4",
-      placeholder: "Pick a color"
-    })]
-  })
-};
-const Interactive = {
-  render: () => {
-    const InteractiveExample = () => {
-      const [color, setColor] = useState("#3B82F6");
-      return /* @__PURE__ */jsx(YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: /* @__PURE__ */jsx(ColorPicker, {
-          label: "Pick a Color",
-          value: color,
-          onChange: val => {
-            setColor(val);
-            action("onChange")(val);
-          },
-          helperText: `Selected: ${color}`
-        })
-      });
-    };
-    return /* @__PURE__ */jsx(InteractiveExample, {});
-  }
-};
-const WithAlpha = {
-  render: args => /* @__PURE__ */jsx(ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Color with Alpha",
-    showAlpha: true,
-    placeholder: "Select a color with transparency"
-  }
-};
-const CustomPresets = {
-  render: args => /* @__PURE__ */jsx(ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Brand Palette",
-    presetColors: ["#1E40AF", "#1D4ED8", "#2563EB", "#3B82F6", "#60A5FA", "#93C5FD", "#BFDBFE"],
-    helperText: "Select from the brand color palette"
-  }
-};
-const Disabled = {
-  render: args => /* @__PURE__ */jsx(ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Disabled Color",
-    disabled: true,
-    placeholder: "Cannot select"
-  }
-};
-const WithError = {
-  render: args => /* @__PURE__ */jsx(ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Required Color",
-    error: "Please select a valid color",
-    required: true
-  }
-};
-export { Basic, CustomPresets, Disabled, Interactive, Main, Sizes, Standalone, WithAlpha, WithError, ColorPicker_stories_default as default };
-//# sourceMappingURL=ColorPicker.stories.mjs.map

package/dist/esm/fields/ColorPicker/ColorPicker.stories.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["action","useForm","useState","YStack","Button","Form","ColorPicker","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","format","showAlpha","presetColors","ColorPicker_stories_default","Main","name","render","FormExample","form","defaultValues","brandColor","backgroundColor","textColor","onSubmit","value","children","gap","Standalone","args","Basic","Sizes","maxWidth","Interactive","InteractiveExample","color","setColor","onChange","val","WithAlpha","CustomPresets","Disabled","WithError"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/ColorPicker/ColorPicker.stories.native.js

@@ -1,224 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { action } from "@multiplatform.one/storybook";
-import { useForm } from "@tanstack/react-form";
-import { useState } from "react";
-import { YStack } from "tamagui";
-import { Button } from "../../Button/index.native.js";
-import { Form } from "../../Form/index.native.js";
-import { ColorPicker } from "./index.native.js";
-var meta = {
-  title: "Forms/ColorPicker",
-  component: ColorPicker,
-  parameters: {
-    docs: {
-      description: {
-        component: "A color picker with a 2D saturation/value panel, hue strip, preset swatches, and hex input. Opens in a popover dropdown."
-      }
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text",
-      description: "Field label"
-    },
-    placeholder: {
-      control: "text",
-      description: "Placeholder text"
-    },
-    helperText: {
-      control: "text",
-      description: "Helper text below the field"
-    },
-    error: {
-      control: "text",
-      description: "Error message"
-    },
-    required: {
-      control: "boolean",
-      description: "Mark field as required"
-    },
-    disabled: {
-      control: "boolean",
-      description: "Disable the color picker"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Field size"
-    },
-    format: {
-      control: "select",
-      options: ["hex", "rgb", "hsl"],
-      description: "Color format to use"
-    },
-    showAlpha: {
-      control: "boolean",
-      description: "Show alpha channel slider"
-    },
-    presetColors: {
-      control: "object",
-      description: "Array of preset color values"
-    }
-  }
-};
-var ColorPicker_stories_default = meta;
-var Main = {
-  name: "Main",
-  render: function render() {
-    var FormExample = function FormExample2() {
-      var form = useForm({
-        defaultValues: {
-          brandColor: "#3B82F6",
-          backgroundColor: "#FFFFFF",
-          textColor: "#000000"
-        },
-        onSubmit: async function onSubmit(param) {
-          var {
-            value
-          } = param;
-          action("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */_jsx(Form, {
-        form,
-        children: /* @__PURE__ */_jsxs(YStack, {
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(ColorPicker, {
-            label: "Brand Color",
-            name: "brandColor",
-            helperText: "Choose your primary brand color"
-          }), /* @__PURE__ */_jsx(ColorPicker, {
-            label: "Background Color",
-            name: "backgroundColor",
-            helperText: "Choose background color"
-          }), /* @__PURE__ */_jsx(ColorPicker, {
-            label: "Text Color",
-            name: "textColor",
-            helperText: "Choose text color"
-          }), /* @__PURE__ */_jsx(Button, {
-            action: "submit",
-            children: "Submit"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */_jsx(FormExample, {});
-  }
-};
-var Standalone = {
-  args: {
-    label: "Brand Color",
-    placeholder: "Pick a color",
-    helperText: "Choose your brand color",
-    format: "hex"
-  },
-  render: function render2(args) {
-    return /* @__PURE__ */_jsx(ColorPicker, {
-      ...args
-    });
-  }
-};
-var Basic = {
-  render: function render3(args) {
-    return /* @__PURE__ */_jsx(ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Choose Color",
-    placeholder: "Select a color"
-  }
-};
-var Sizes = {
-  render: function render4() {
-    return /* @__PURE__ */_jsxs(YStack, {
-      gap: "$4",
-      maxWidth: 400,
-      children: [/* @__PURE__ */_jsx(ColorPicker, {
-        label: "Small",
-        size: "$2",
-        placeholder: "Pick a color"
-      }), /* @__PURE__ */_jsx(ColorPicker, {
-        label: "Medium (default)",
-        size: "$3",
-        placeholder: "Pick a color"
-      }), /* @__PURE__ */_jsx(ColorPicker, {
-        label: "Large",
-        size: "$4",
-        placeholder: "Pick a color"
-      })]
-    });
-  }
-};
-var Interactive = {
-  render: function render5() {
-    var InteractiveExample = function InteractiveExample2() {
-      var [color, setColor] = useState("#3B82F6");
-      return /* @__PURE__ */_jsx(YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: /* @__PURE__ */_jsx(ColorPicker, {
-          label: "Pick a Color",
-          value: color,
-          // @ts-expect-error controlled mode not supported
-          onChange: function onChange(val) {
-            setColor(val);
-            action("onChange")(val);
-          },
-          helperText: `Selected: ${color}`
-        })
-      });
-    };
-    return /* @__PURE__ */_jsx(InteractiveExample, {});
-  }
-};
-var WithAlpha = {
-  render: function render6(args) {
-    return /* @__PURE__ */_jsx(ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Color with Alpha",
-    showAlpha: true,
-    placeholder: "Select a color with transparency"
-  }
-};
-var CustomPresets = {
-  render: function render7(args) {
-    return /* @__PURE__ */_jsx(ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Brand Palette",
-    presetColors: ["#1E40AF", "#1D4ED8", "#2563EB", "#3B82F6", "#60A5FA", "#93C5FD", "#BFDBFE"],
-    helperText: "Select from the brand color palette"
-  }
-};
-var Disabled = {
-  render: function render8(args) {
-    return /* @__PURE__ */_jsx(ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Disabled Color",
-    disabled: true,
-    placeholder: "Cannot select"
-  }
-};
-var WithError = {
-  render: function render9(args) {
-    return /* @__PURE__ */_jsx(ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Required Color",
-    error: "Please select a valid color",
-    required: true
-  }
-};
-export { Basic, CustomPresets, Disabled, Interactive, Main, Sizes, Standalone, WithAlpha, WithError, ColorPicker_stories_default as default };
-//# sourceMappingURL=ColorPicker.stories.native.js.map

package/dist/esm/fields/ColorPicker/ColorPicker.stories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useForm","useState","YStack","Button","Form","ColorPicker","meta","title","component","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","format","showAlpha","presetColors","ColorPicker_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","brandColor","backgroundColor","textColor","onSubmit","param","value","children","gap","Standalone","args","render2","Basic","render3","Sizes","render4","maxWidth"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Combobox/Combobox.spec.mjs

@@ -1,93 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { Form } from "../../Form/index.mjs";
-import { Combobox } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-const options = [{
-  value: "apple",
-  label: "Apple"
-}, {
-  value: "banana",
-  label: "Banana"
-}, {
-  value: "cherry",
-  label: "Cherry"
-}];
-describe("Combobox", () => {
-  describe("without form context", () => {
-    it("renders with label", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
-        label: "Fruit",
-        name: "fruit",
-        options
-      }));
-      expect(result.findTextElement("Fruit")).toBeDefined();
-    });
-    it("renders required label with asterisk", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
-        label: "Required",
-        name: "req",
-        options,
-        required: true
-      }));
-      const label = result.container.querySelector("label");
-      expect(label?.textContent).toContain("*");
-    });
-    it("renders with helper text", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
-        label: "Fruit",
-        name: "fruit",
-        options,
-        helperText: "Pick a fruit"
-      }));
-      expect(result.findTextElement("Pick a fruit")).toBeDefined();
-    });
-    it("renders skeleton placeholder", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
-        label: "Loading",
-        name: "l",
-        options,
-        skeleton: true
-      }));
-      const buttons = result.container.querySelectorAll("button");
-      expect(buttons.length).toBe(0);
-    });
-    it("renders with pre-selected value", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
-        label: "Fruit",
-        name: "fruit",
-        options,
-        value: "apple"
-      }));
-      expect(result.findTextElement("Apple")).toBeDefined();
-    });
-    it("renders disabled state", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Combobox, {
-        label: "Disabled",
-        name: "d",
-        options,
-        disabled: true
-      }));
-      expect(result.findTextElement("Disabled")).toBeDefined();
-    });
-  });
-  describe("with form context", () => {
-    it("renders inside form", () => {
-      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
-        formOptions: {
-          defaultValues: {
-            fruit: ""
-          }
-        },
-        submitText: "Submit",
-        children: /* @__PURE__ */jsx(Combobox, {
-          name: "fruit",
-          label: "Fruit",
-          options
-        })
-      }));
-      expect(result.findTextElement("Fruit")).toBeDefined();
-    });
-  });
-});
-//# sourceMappingURL=Combobox.spec.mjs.map