@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,109 @@
+"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_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var locationIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+  "data-testid": "location-icon"
+});
+(0, import_vitest.describe)("Geolocation", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("renders with label", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Location")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders required label with asterisk", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+        label: "Required",
+        name: "req",
+        locationIcon,
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders Lat and Lng inputs", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Lat")).toBeDefined();
+      (0, import_vitest.expect)(result.findTextElement("Lng")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders with helper text", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon,
+        helperText: "Pick a point"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Pick a point")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+        label: "Loading",
+        name: "l",
+        locationIcon,
+        skeleton: true
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Lat")).toBeUndefined();
+    });
+    (0, import_vitest.it)("renders readOnly \u2014 hides locate button", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+        label: "ReadOnly",
+        name: "r",
+        locationIcon,
+        readOnly: true,
+        value: JSON.stringify({
+          lat: 1.23,
+          lng: 4.56
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Locate")).toBeUndefined();
+    });
+    (0, import_vitest.it)("displays parsed coordinate values", function () {
+      var _inputs_, _inputs_1;
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+        label: "Location",
+        name: "loc",
+        locationIcon,
+        value: JSON.stringify({
+          lat: 51.5,
+          lng: -0.12
+        })
+      }));
+      var inputs = result.container.querySelectorAll("input");
+      (0, import_vitest.expect)((_inputs_ = inputs[0]) === null || _inputs_ === void 0 ? void 0 : _inputs_.value).toBe("51.5");
+      (0, import_vitest.expect)((_inputs_1 = inputs[1]) === null || _inputs_1 === void 0 ? void 0 : _inputs_1.value).toBe("-0.12");
+    });
+  });
+  (0, import_vitest.describe)("with form context", function () {
+    (0, import_vitest.it)("renders inside form", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            loc: JSON.stringify({
+              lat: 0,
+              lng: 0
+            })
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+          name: "loc",
+          label: "Location",
+          locationIcon
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Location")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Geolocation.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_vitest","import_test_utils","import_Form","import_index","locationIcon","jsx","describe","it","result","renderWithProviders","Geolocation","label","name","expect","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeUndefined","readOnly","value","JSON","stringify","lat","lng","_inputs_","_inputs_1","inputs","querySelectorAll","toBe","Form","formOptions","defaultValues","loc"],"sources":["../../../../src/fields/Geolocation/Geolocation.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Geolocation/Geolocation.stories.cjs

@@ -0,0 +1,345 @@
+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 Geolocation_stories_exports = {};
+__export(Geolocation_stories_exports, {
+  Basic: () => Basic,
+  Disabled: () => Disabled,
+  ExpandableInForm: () => ExpandableInForm,
+  Interactive: () => Interactive,
+  Main: () => Main,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithCoordinates: () => WithCoordinates,
+  WithError: () => WithError,
+  WithExpandButton: () => WithExpandButton,
+  default: () => Geolocation_stories_default
+});
+module.exports = __toCommonJS(Geolocation_stories_exports);
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_form = require("@tanstack/react-form");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.cjs");
+var import_Form = require("../../Form/index.cjs");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const meta = {
+  title: "Forms/Geolocation",
+  component: import_index.Geolocation,
+  parameters: {
+    docs: {
+      description: {
+        component: "A geolocation input field with map preview, latitude/longitude inputs, and browser geolocation support. Accepts a custom `renderMap` prop for interactive maps."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "text"
+    }
+  }
+};
+var Geolocation_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = (0, import_react_form.useForm)({
+        defaultValues: {
+          location: JSON.stringify({
+            lat: 48.8566,
+            lng: 2.3522
+          })
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        maxWidth: 500,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+            label: "Delivery Location",
+            name: "location",
+            helperText: "Set the delivery coordinates",
+            locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+              size: 16
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Save Location"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Location",
+    helperText: "Enter coordinates or use your location"
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+    ...args,
+    locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+      size: 16
+    })
+  })
+};
+const Basic = {
+  args: {
+    label: "Location",
+    helperText: "Enter coordinates or use your location",
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+    ...args,
+    locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+      size: 16
+    })
+  })
+};
+const Disabled = {
+  args: {
+    label: "Location",
+    helperText: "This field is disabled",
+    disabled: true,
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+    ...args,
+    locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+      size: 16
+    })
+  })
+};
+const WithError = {
+  args: {
+    label: "Location",
+    helperText: "Enter coordinates or use your location",
+    required: true,
+    error: "Location is required",
+    onChange: (0, import_storybook.action)("onChange")
+  },
+  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+    ...args,
+    locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+      size: 16
+    })
+  })
+};
+const Sizes = {
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    maxWidth: 500,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontWeight: "bold",
+      children: "Size $2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+      label: "Small",
+      size: "$2",
+      locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+        size: 16
+      }),
+      onChange: (0, import_storybook.action)("onChange")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontWeight: "bold",
+      children: "Size $3"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+      label: "Medium",
+      size: "$3",
+      locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+        size: 16
+      }),
+      onChange: (0, import_storybook.action)("onChange")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontWeight: "bold",
+      children: "Size $4"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+      label: "Large",
+      size: "$4",
+      locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+        size: 16
+      }),
+      onChange: (0, import_storybook.action)("onChange")
+    })]
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [value, setValue] = (0, import_react2.useState)(JSON.stringify({
+        lat: 40.7128,
+        lng: -74.006
+      }));
+      const parsed = JSON.parse(value);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 500,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+          label: "Pick Location",
+          helperText: `Lat: ${parsed.lat.toFixed(4)}, Lng: ${parsed.lng.toFixed(4)}`,
+          value,
+          onChange: v => {
+            setValue(v);
+            (0, import_storybook.action)("onChange")(v);
+          },
+          locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+            size: 16
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+          label: "Disabled",
+          disabled: true,
+          locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+            size: 16
+          })
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+const WithCoordinates = {
+  render: () => {
+    const Example = () => {
+      const [value, setValue] = (0, import_react2.useState)(JSON.stringify({
+        lat: 37.7749,
+        lng: -122.4194
+      }));
+      const parsed = JSON.parse(value);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 500,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+          label: "Office Location",
+          helperText: `Lat: ${parsed.lat.toFixed(4)}, Lng: ${parsed.lng.toFixed(4)}`,
+          value,
+          onChange: v => {
+            setValue(v);
+            (0, import_storybook.action)("onChange")(v);
+          },
+          locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+            size: 16
+          })
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Example, {});
+  }
+};
+const WithExpandButton = {
+  render: () => {
+    const Example = () => {
+      const [value, setValue] = (0, import_react2.useState)(JSON.stringify({
+        lat: 51.5074,
+        lng: -0.1278
+      }));
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 500,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+          label: "Delivery Location",
+          helperText: "Click the expand button on the map for a larger view",
+          value,
+          onChange: v => {
+            setValue(v);
+            (0, import_storybook.action)("onChange")(v);
+          },
+          locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+            size: 16
+          }),
+          expandIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowsOutIcon, {
+            size: 16
+          })
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Example, {});
+  }
+};
+const ExpandableInForm = {
+  render: () => {
+    const FormExample = () => {
+      const form = (0, import_react_form.useForm)({
+        defaultValues: {
+          location: JSON.stringify({
+            lat: 35.6762,
+            lng: 139.6503
+          })
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        maxWidth: 500,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Geolocation, {
+            label: "Meeting Point",
+            name: "location",
+            helperText: "Expand the map to see the full area",
+            locationIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+              size: 16
+            }),
+            expandIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowsOutIcon, {
+              size: 16
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Confirm Location"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};