@multiplatform.one/forms 6.0.0

package/dist/esm/fields/TimePicker/index.native.js

@@ -0,0 +1,358 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { Text, View, XStack, YStack } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { FloatingPanel } from "../../FloatingPanel/index.native.js";
+import { Input as InputParts } from "../../InputParts/index.native.js";
+import { formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
+import { TimeColumn, TimeColumnSeparator, generateRange } from "../../shared/TimeColumn.native.js";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+function parseTimeString(value) {
+  if (!value) return {
+    h: 0,
+    m: 0,
+    s: 0
+  };
+  var parts = value.split(":");
+  return {
+    h: Math.max(0, Math.min(23, Number.parseInt(parts[0] || "0", 10) || 0)),
+    m: Math.max(0, Math.min(59, Number.parseInt(parts[1] || "0", 10) || 0)),
+    s: Math.max(0, Math.min(59, Number.parseInt(parts[2] || "0", 10) || 0))
+  };
+}
+function toTimeString(h, m, s) {
+  var base = `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+  return s !== void 0 ? `${base}:${String(s).padStart(2, "0")}` : base;
+}
+function formatTimeDisplay(value, format, showSeconds) {
+  if (!value) return "";
+  var {
+    h,
+    m,
+    s
+  } = parseTimeString(value);
+  var secSuffix = showSeconds ? `:${String(s).padStart(2, "0")}` : "";
+  if (format === "24h") {
+    return `${toTimeString(h, m)}${secSuffix}`;
+  }
+  var period = h >= 12 ? "PM" : "AM";
+  var displayH = h === 0 ? 12 : h > 12 ? h - 12 : h;
+  return `${displayH}:${String(m).padStart(2, "0")}${secSuffix} ${period}`;
+}
+var hours24 = generateRange(0, 23);
+var hours12 = generateRange(1, 12);
+var secondValues = generateRange(0, 59);
+function AmPmColumn(param) {
+  var {
+    selected,
+    onChange,
+    knobProps
+  } = param;
+  return /* @__PURE__ */_jsxs(YStack, {
+    alignItems: "center",
+    gap: "$1",
+    children: [/* @__PURE__ */_jsx(Text, {
+      fontSize: "$1",
+      ...knobProps.body,
+      color: formCommonColors.muted,
+      textTransform: "uppercase",
+      letterSpacing: 1,
+      children: " "
+    }), /* @__PURE__ */_jsx(YStack, {
+      ...knobProps.borderRadius,
+      backgroundColor: formInputColors.background.base,
+      borderWidth: knobProps.inputSurface.borderWidth,
+      borderColor: formInputColors.border.base,
+      overflow: "hidden",
+      children: ["AM", "PM"].map(function (period) {
+        var isSelected = period === selected;
+        return /* @__PURE__ */_jsx(View, {
+          height: 36,
+          width: 48,
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
+          hoverStyle: {
+            backgroundColor: formInputColors.background.focus
+          },
+          onPress: function onPress() {
+            return onChange(period);
+          },
+          ...(knobProps.transition ? {
+            animation: knobProps.transition
+          } : void 0),
+          children: /* @__PURE__ */_jsx(Text, {
+            fontSize: "$3",
+            ...knobProps.body,
+            fontWeight: isSelected ? "700" : "400",
+            color: isSelected ? formCommonColors.text : formCommonColors.muted,
+            children: period
+          })
+        }, period);
+      })
+    })]
+  });
+}
+function TimePickerPopoverContent(param) {
+  var {
+    value,
+    onChange,
+    knobProps,
+    timeFormat,
+    minuteStep,
+    showSeconds
+  } = param;
+  var {
+    h,
+    m,
+    s
+  } = parseTimeString(value);
+  var minuteValues = useMemo(function () {
+    return generateRange(0, 59, minuteStep);
+  }, [minuteStep]);
+  var makeTime = useCallback(function (newH, newM, newS) {
+    return showSeconds ? toTimeString(newH, newM, newS) : toTimeString(newH, newM);
+  }, [showSeconds]);
+  var secondsColumn = showSeconds && /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(TimeColumnSeparator, {
+      knobProps
+    }), /* @__PURE__ */_jsx(TimeColumn, {
+      label: "Sec",
+      values: secondValues,
+      selected: s,
+      onChange: function onChange1(newS) {
+        return onChange(makeTime(h, m, newS));
+      },
+      knobProps
+    })]
+  });
+  if (timeFormat === "24h") {
+    return /* @__PURE__ */_jsxs(XStack, {
+      gap: "$2",
+      alignItems: "flex-start",
+      justifyContent: "center",
+      children: [/* @__PURE__ */_jsx(TimeColumn, {
+        label: "Hour",
+        values: hours24,
+        selected: h,
+        onChange: function onChange1(newH) {
+          return onChange(makeTime(newH, m, s));
+        },
+        knobProps
+      }), /* @__PURE__ */_jsx(TimeColumnSeparator, {
+        knobProps
+      }), /* @__PURE__ */_jsx(TimeColumn, {
+        label: "Min",
+        values: minuteValues,
+        selected: m,
+        onChange: function onChange1(newM) {
+          return onChange(makeTime(h, newM, s));
+        },
+        knobProps
+      }), secondsColumn]
+    });
+  }
+  var period = h >= 12 ? "PM" : "AM";
+  var display12H = h === 0 ? 12 : h > 12 ? h - 12 : h;
+  var handleHourChange = function handleHourChange2(newDisplayH) {
+    var h24 = newDisplayH;
+    if (period === "AM") {
+      h24 = newDisplayH === 12 ? 0 : newDisplayH;
+    } else {
+      h24 = newDisplayH === 12 ? 12 : newDisplayH + 12;
+    }
+    onChange(makeTime(h24, m, s));
+  };
+  var handlePeriodChange = function handlePeriodChange2(newPeriod) {
+    if (newPeriod === period) return;
+    var newH = newPeriod === "AM" ? h >= 12 ? h - 12 : h : h < 12 ? h + 12 : h;
+    onChange(makeTime(newH, m, s));
+  };
+  return /* @__PURE__ */_jsxs(XStack, {
+    gap: "$2",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    children: [/* @__PURE__ */_jsx(TimeColumn, {
+      label: "Hour",
+      values: hours12,
+      selected: display12H,
+      onChange: handleHourChange,
+      knobProps
+    }), /* @__PURE__ */_jsx(TimeColumnSeparator, {
+      knobProps
+    }), /* @__PURE__ */_jsx(TimeColumn, {
+      label: "Min",
+      values: minuteValues,
+      selected: m,
+      onChange: function onChange1(newM) {
+        return onChange(makeTime(h, newM, s));
+      },
+      knobProps
+    }), secondsColumn, /* @__PURE__ */_jsx(AmPmColumn, {
+      selected: period,
+      onChange: handlePeriodChange,
+      knobProps
+    })]
+  });
+}
+function TimePicker(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    size,
+    id: idProp,
+    value = "",
+    defaultValue,
+    onChange,
+    onBlur,
+    disabled,
+    readOnly,
+    timeFormat = "12h",
+    minuteStep = 5,
+    showSeconds = false,
+    placeholder = "Select time",
+    clockIcon,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var [open, setOpen] = useState(false);
+  var displayValue = useMemo(function () {
+    return formatTimeDisplay(value, timeFormat, showSeconds);
+  }, [value, timeFormat, showSeconds]);
+  var handleChange = useCallback(function (time, fieldChange) {
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(time);
+    onChange === null || onChange === void 0 ? void 0 : onChange(time);
+  }, [onChange]);
+  var renderTrigger = function renderTrigger2(triggerValue, hasError) {
+    return /* @__PURE__ */_jsx(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: /* @__PURE__ */_jsxs(InputParts.Box, {
+        theme: hasError ? "red" : void 0,
+        ...(disabled ? {
+          opacity: 0.5,
+          pointerEvents: "none"
+        } : void 0),
+        children: [clockIcon && /* @__PURE__ */_jsx(InputParts.Section, {
+          children: /* @__PURE__ */_jsx(InputParts.Icon, {
+            adornment: "leading",
+            children: clockIcon
+          })
+        }), /* @__PURE__ */_jsx(InputParts.Area, {
+          readOnly: true,
+          value: triggerValue,
+          placeholder,
+          disabled,
+          color: formCommonColors.text,
+          "aria-readonly": readOnly || void 0,
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0
+        })]
+      })
+    });
+  };
+  var panelContent = function panelContent2(currentValue, onValueChange) {
+    return /* @__PURE__ */_jsx(TimePickerPopoverContent, {
+      value: currentValue || "00:00",
+      onChange: onValueChange,
+      knobProps,
+      timeFormat,
+      minuteStep,
+      showSeconds
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: readOnly ? renderTrigger(displayValue, !!error) : /* @__PURE__ */_jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        disabled,
+        scrollable: true,
+        sizing: "fill",
+        fitContent: true,
+        trigger: renderTrigger(displayValue, !!error),
+        children: panelContent(value, function (t) {
+          return handleChange(t);
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _field_state_value;
+      var resolvedError = getFieldError(field, error);
+      var fieldValue = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : "";
+      var fieldDisplay = formatTimeDisplay(fieldValue, timeFormat, showSeconds);
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: readOnly ? renderTrigger(fieldDisplay, !!resolvedError) : /* @__PURE__ */_jsx(FloatingPanel, {
+          open,
+          onOpenChange: setOpen,
+          disabled,
+          scrollable: true,
+          sizing: "fill",
+          fitContent: true,
+          trigger: renderTrigger(fieldDisplay, !!resolvedError),
+          children: panelContent(fieldValue, function (t) {
+            return handleChange(t, function (v) {
+              return field.handleChange(v);
+            });
+          })
+        })
+      });
+    }
+  });
+}
+export { TimePicker };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/TimePicker/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useMemo","useState","Text","View","XStack","YStack","Skeleton","Field","FieldLayout","FloatingPanel","Input","InputParts","formCommonColors","formInputColors","TimeColumn","TimeColumnSeparator","generateRange","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","parseTimeString","value","h","m","s","parts","split","Math","max","min","Number","parseInt","toTimeString","base","String","padStart","formatTimeDisplay","format","showSeconds","secSuffix","period","displayH","hours24","hours12","secondValues","AmPmColumn","param","selected","onChange","knobProps","alignItems","gap","children","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","borderWidth","inputSurface","borderColor","border","overflow","map","isSelected","height","width","justifyContent","cursor","focus","hoverStyle","onPress","transition","animation","fontWeight","text","TimePickerPopoverContent","timeFormat","minuteStep","minuteValues","makeTime","newH","newM","newS","secondsColumn","label","values","onChange1","display12H","handleHourChange","handleHourChange2","newDisplayH","h24","handlePeriodChange","handlePeriodChange2","newPeriod","TimePicker","name","form","formProp","validators","labelProps","helperText","error","required","size","id","idProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","resolvedValidators","open","setOpen","displayValue","handleChange","time","fieldChange","renderTrigger","renderTrigger2","triggerValue","hasError","sizeToken","Box","theme","opacity","pointerEvents","Section","Icon","adornment","Area","panelContent","panelContent2","currentValue","onValueChange","variant","onOpenChange","scrollable","sizing","fitContent","trigger","t","field","_field_state_value","resolvedError","fieldValue","state","fieldDisplay","v"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,85 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { ToggleGroup } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+const options = [{
+  label: "Left",
+  value: "left"
+}, {
+  label: "Center",
+  value: "center"
+}, {
+  label: "Right",
+  value: "right"
+}];
+describe("ToggleGroup", () => {
+  describe("without form context", () => {
+    it("renders all options", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ToggleGroup, {
+        label: "Alignment",
+        name: "align",
+        options
+      }));
+      expect(result.findTextElement("Left")).toBeDefined();
+      expect(result.findTextElement("Center")).toBeDefined();
+      expect(result.findTextElement("Right")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ToggleGroup, {
+        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(ToggleGroup, {
+        label: "Align",
+        name: "a",
+        options,
+        helperText: "Choose alignment"
+      }));
+      expect(result.findTextElement("Choose alignment")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ToggleGroup, {
+        label: "Loading",
+        name: "l",
+        options,
+        skeleton: true
+      }));
+      expect(result.findTextElement("Left")).toBeUndefined();
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ToggleGroup, {
+        label: "Disabled",
+        name: "d",
+        options,
+        disabled: true
+      }));
+      expect(result.findTextElement("Left")).toBeDefined();
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            align: "left"
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(ToggleGroup, {
+          name: "align",
+          label: "Alignment",
+          options
+        })
+      }));
+      expect(result.findTextElement("Left")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=ToggleGroup.spec.mjs.map

package/dist/esm/fields/ToggleGroup/ToggleGroup.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","Form","ToggleGroup","jsx","options","label","value","result","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeUndefined","disabled","formOptions","defaultValues","align","submitText","children"],"sources":["../../../../src/fields/ToggleGroup/ToggleGroup.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.native.js";
+import { ToggleGroup } from "./index.native.js";
+var options = [{
+  label: "Left",
+  value: "left"
+}, {
+  label: "Center",
+  value: "center"
+}, {
+  label: "Right",
+  value: "right"
+}];
+describe("ToggleGroup", function () {
+  describe("without form context", function () {
+    it("renders all options", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(ToggleGroup, {
+        label: "Alignment",
+        name: "align",
+        options
+      }));
+      expect(result.findTextElement("Left")).toBeDefined();
+      expect(result.findTextElement("Center")).toBeDefined();
+      expect(result.findTextElement("Right")).toBeDefined();
+    });
+    it("renders required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(ToggleGroup, {
+        label: "Required",
+        name: "req",
+        options,
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    it("renders with helper text", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(ToggleGroup, {
+        label: "Align",
+        name: "a",
+        options,
+        helperText: "Choose alignment"
+      }));
+      expect(result.findTextElement("Choose alignment")).toBeDefined();
+    });
+    it("renders skeleton placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(ToggleGroup, {
+        label: "Loading",
+        name: "l",
+        options,
+        skeleton: true
+      }));
+      expect(result.findTextElement("Left")).toBeUndefined();
+    });
+    it("renders disabled state", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(ToggleGroup, {
+        label: "Disabled",
+        name: "d",
+        options,
+        disabled: true
+      }));
+      expect(result.findTextElement("Left")).toBeDefined();
+    });
+  });
+  describe("with form context", function () {
+    it("renders inside form", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            align: "left"
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */_jsx(ToggleGroup, {
+          name: "align",
+          label: "Alignment",
+          options
+        })
+      }));
+      expect(result.findTextElement("Left")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=ToggleGroup.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","describe","expect","it","renderWithProviders","Form","ToggleGroup","options","label","value","result","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText"],"sources":["../../../../src/fields/ToggleGroup/ToggleGroup.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAQ,mBAAc;AACzC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAY;AACrB,SAASC,IAAA,oCAAmB;AAYpB,SAAAC,WAAA;AAVR,IAAAC,OAAM,IACJ;EACEC,KAAA,EAAO;EACPC,KAAA,EAAO;AACX,GAEA;EACED,KAAA,EAAS;EACPC,KAAG;AACD,GAAe;EACiDD,KAChE;EACAC,KAAA;AACA,EACA;AAAoDR,QACrD;EAEDA,QAAG;IACDE,EAAA,sBAAe;MAAA,IACbO,MAAA,GAAAN,mBAAC,gBAAkBJ,IAAA,CAAAM,WAAgB;QACrCE,KAAA;QACAG,IAAM,SAAQ;QACdJ;MACD;MAEDL,MAAG,CAAAQ,MAAA,CAAAE,eAA4B,OAAM,GAAAC,WAAA;MACnCX,MAAM,CAAAQ,MAAA,CAAAE,eAAS,YAAAC,WAAA;MAAAX,MACb,CAAAQ,MAAA,CAAAE,eAAC,QAAY,GAAAC,WAAM,EAAQ;IAAyD,EACtF;IACAV,EAAA,uCAA8B,cAAqB;MACpD,IAAAO,MAAA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,WAAA;QAEEE,KAAA;QACDG,IAAM;QACJJ,OAAA;QACFO,QAAA;MACA;MACD,IAAAN,KAAA,GAAAE,MAAA,CAAAK,SAAA,CAAAC,aAAA;MAEDd,MAAG,CAAAM,KAAA,aAAAA,KAA0B,KAAM,kBAAAA,KAAA,CAAAS,WAAA,EAAAC,SAAA;IACjC;IAAef,EAAA,2BACZ,cAAY;MACf,IAAAO,MAAA,GAAAN,mBAAA,gBAAAJ,IAAA,CAAAM,WAAA;QACAE,KAAO,SAAO;QACfG,IAAA;QACFJ,OAAA;QAEDY,UAAS;MACP,CAAG;MACDjB,MAAM,CAAAQ,MAAA,CAAAE,eAAS,sBAAAC,WAAA;IAAA;IAGbV,EACF;MACA,IAAAO,MAAO,GAAAN,mBAAuB,gBAASJ,IAAY,CAAAM,WAAA;QACpDE,KAAA;QACFG,IAAA;QACFJ,OAAA","ignoreList":[]}