@multiplatform.one/forms 6.0.0

package/dist/esm/fields/DatePicker/MonthPicker.native.js

@@ -0,0 +1,299 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Text, View, useProps } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+import { Input as InputParts } from "../../InputParts/index.native.js";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { DatePickerInputTrigger, DatePickerPopoverShell, MonthGrid, YearGrid, months, useDateAnimation, useDateNavigation, yearPageSize } from "./parts.native.js";
+function formatMonthDisplay(value) {
+  if (!value) return "";
+  return `${months[value.month]} ${value.year}`;
+}
+function MonthPickerBody(param) {
+  var {
+    displayDate,
+    selectedValue,
+    onSelectMonth,
+    onSetDisplayDate,
+    minYear,
+    maxYear
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [viewMode, setViewMode] = useState("month");
+  var year = displayDate.getFullYear();
+  var [yearPageStart, setYearPageStart] = useState(function () {
+    return year - year % yearPageSize;
+  });
+  var handleSelectMonth = useCallback(function (month) {
+    onSelectMonth({
+      year,
+      month
+    });
+  }, [year, onSelectMonth]);
+  var handleSelectYear = useCallback(function (selectedYear) {
+    var newDate = new Date(displayDate);
+    newDate.setFullYear(selectedYear);
+    onSetDisplayDate(newDate);
+    setViewMode("month");
+  }, [displayDate, onSetDisplayDate]);
+  var handlePrevYear = useCallback(function () {
+    var newDate = new Date(displayDate);
+    newDate.setFullYear(newDate.getFullYear() - 1);
+    if (minYear && newDate.getFullYear() < minYear) return;
+    onSetDisplayDate(newDate);
+  }, [displayDate, onSetDisplayDate, minYear]);
+  var handleNextYear = useCallback(function () {
+    var newDate = new Date(displayDate);
+    newDate.setFullYear(newDate.getFullYear() + 1);
+    if (maxYear && newDate.getFullYear() > maxYear) return;
+    onSetDisplayDate(newDate);
+  }, [displayDate, onSetDisplayDate, maxYear]);
+  var {
+    animation,
+    animationKey
+  } = useDateAnimation(year);
+  if (viewMode === "year") {
+    return /* @__PURE__ */_jsx(View, {
+      flexDirection: "column",
+      alignItems: "center",
+      ...knobProps.gapLg,
+      width: "100%",
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */_jsx(YearGrid, {
+        yearPageStart,
+        selectedYear: year,
+        onSelectYear: handleSelectYear,
+        onPrevPage: function onPrevPage() {
+          return setYearPageStart(function (s) {
+            return s - yearPageSize;
+          });
+        },
+        onNextPage: function onNextPage() {
+          return setYearPageStart(function (s) {
+            return s + yearPageSize;
+          });
+        }
+      })
+    });
+  }
+  return /* @__PURE__ */_jsxs(View, {
+    flexDirection: "column",
+    alignItems: "center",
+    ...knobProps.gapLg,
+    width: "100%",
+    ...knobProps.panelPadding,
+    ...animation,
+    transition: "medium",
+    children: [/* @__PURE__ */_jsxs(View, {
+      flexDirection: "row",
+      width: "100%",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */_jsx(Button, {
+        circular: true,
+        size: knobProps.sizeToken,
+        chromeless: true,
+        scaleIcon: 1.5,
+        onPress: handlePrevYear,
+        disabled: minYear !== void 0 && year <= minYear,
+        children: /* @__PURE__ */_jsx(Button.Text, {
+          children: "\u25C0"
+        })
+      }), /* @__PURE__ */_jsx(Button, {
+        onPress: function onPress() {
+          return setViewMode("year");
+        },
+        chromeless: true,
+        padding: 0,
+        children: /* @__PURE__ */_jsx(Text, {
+          fontSize: knobProps.sizeToken,
+          color: "$color",
+          ...knobProps.body,
+          ...knobProps.textWeight,
+          children: year
+        })
+      }), /* @__PURE__ */_jsx(Button, {
+        circular: true,
+        size: knobProps.sizeToken,
+        chromeless: true,
+        scaleIcon: 1.5,
+        onPress: handleNextYear,
+        disabled: maxYear !== void 0 && year >= maxYear,
+        children: /* @__PURE__ */_jsx(Button.Text, {
+          children: "\u25B6"
+        })
+      })]
+    }), /* @__PURE__ */_jsx(MonthGrid, {
+      currentYear: year,
+      selectedMonth: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.year) === year ? selectedValue.month : -1,
+      onSelectMonth: handleSelectMonth
+    })]
+  }, animationKey);
+}
+function MonthPicker(props) {
+  var {
+    defaultValue,
+    form,
+    inputProps: _inputProps,
+    placeholder = "Select month",
+    minYear,
+    maxYear,
+    disabled,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    readOnly,
+    onBlur: _onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = useProps(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var [open, setOpen] = useState(false);
+  var [selectedValue, setSelectedValue] = useState(null);
+  var {
+    displayDate,
+    setDisplayDate
+  } = useDateNavigation();
+  var popoverRef = useRef(null);
+  var closePopover = useCallback(function () {
+    var _popoverRef_current;
+    setOpen(false);
+    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();
+  }, []);
+  useEffect(function () {
+    if (selectedValue) closePopover();
+  }, [selectedValue, closePopover]);
+  var handleMonthSelect = useCallback(function (value) {
+    if (minYear && value.year < minYear) return;
+    if (maxYear && value.year > maxYear) return;
+    setSelectedValue(value);
+    closePopover();
+  }, [minYear, maxYear, closePopover]);
+  var handleClear = useCallback(function () {
+    setSelectedValue(null);
+    setDisplayDate(/* @__PURE__ */new Date());
+  }, [setDisplayDate]);
+  var pickerContent = /* @__PURE__ */_jsx(MonthPickerBody, {
+    displayDate,
+    selectedValue,
+    onSelectMonth: handleMonthSelect,
+    onSetDisplayDate: setDisplayDate,
+    minYear,
+    maxYear
+  });
+  var renderPopover = function renderPopover2(hasError, blurHandler) {
+    if (readOnly) {
+      return /* @__PURE__ */_jsx(InputParts.Box, {
+        children: /* @__PURE__ */_jsx(InputParts.Area, {
+          value: formatMonthDisplay(selectedValue),
+          readOnly: true,
+          "aria-readonly": "true",
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          placeholder
+        })
+      });
+    }
+    var handleOpenChange = function handleOpenChange2(isOpen) {
+      setOpen(isOpen);
+      if (!isOpen) blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
+    };
+    return /* @__PURE__ */_jsx(DatePickerPopoverShell, {
+      open,
+      onOpenChange: handleOpenChange,
+      popoverRef,
+      trigger: /* @__PURE__ */_jsx(DatePickerInputTrigger, {
+        value: formatMonthDisplay(selectedValue),
+        placeholder,
+        disabled,
+        onReset: handleClear,
+        onButtonPress: function onButtonPress() {
+          return setOpen(true);
+        },
+        error: !!hasError,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0
+      }),
+      children: pickerContent
+    });
+  };
+  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: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderPopover(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = getFieldError(field, errorProp);
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        children: /* @__PURE__ */_jsx(InputParts, {
+          size: size || knobProps.sizeToken,
+          children: renderPopover(!!resolvedError, mergeFieldHandler(field, "handleBlur", _onBlur))
+        })
+      });
+    }
+  });
+}
+export { MonthPicker };
+//# sourceMappingURL=MonthPicker.native.js.map

package/dist/esm/fields/DatePicker/MonthPicker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","useCallback","useEffect","useRef","useState","Text","View","useProps","Button","Field","FieldLayout","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Skeleton","DatePickerInputTrigger","DatePickerPopoverShell","MonthGrid","YearGrid","months","useDateAnimation","useDateNavigation","yearPageSize","formatMonthDisplay","value","month","year","MonthPickerBody","param","displayDate","selectedValue","onSelectMonth","onSetDisplayDate","minYear","maxYear","knobProps","viewMode","setViewMode","getFullYear","yearPageStart","setYearPageStart","handleSelectMonth","handleSelectYear","selectedYear","newDate","Date","setFullYear","handlePrevYear","handleNextYear","animation","animationKey","flexDirection","alignItems","gapLg","width","panelPadding","children","onSelectYear","onPrevPage","s","onNextPage","transition","justifyContent","circular","size","sizeToken","chromeless","scaleIcon","onPress","disabled","padding","fontSize","color","body","textWeight","currentYear","selectedMonth","MonthPicker","props","defaultValue","form","inputProps","_inputProps","placeholder","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","readOnly","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","resolvedForm","resolvedValidators","open","setOpen","setSelectedValue","setDisplayDate","popoverRef","closePopover","_popoverRef_current","current","close","handleMonthSelect","handleClear","pickerContent","renderPopover","renderPopover2","hasError","blurHandler","Box","Area","handleOpenChange","handleOpenChange2","isOpen","onOpenChange","trigger","onReset","onButtonPress","variant","height","field","resolvedError"],"sources":["../../../../src/fields/DatePicker/MonthPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/DatePicker/MonthPicker.spec.mjs

@@ -0,0 +1,77 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { MonthPicker } from "./MonthPicker.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("MonthPicker", () => {
+  describe("without form context", () => {
+    it("renders with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      expect(result.findTextElement("Month")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(MonthPicker, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders with helper text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(MonthPicker, {
+        label: "Month",
+        name: "month",
+        helperText: "Select a month"
+      }));
+      expect(result.findTextElement("Select a month")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(MonthPicker, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      const input = result.container.querySelector("input");
+      expect(input).toBeNull();
+    });
+    it("renders with placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(MonthPicker, {
+        label: "Month",
+        name: "month",
+        placeholder: "Pick a month"
+      }));
+      const input = result.container.querySelector('input[placeholder="Pick a month"]');
+      expect(input).not.toBeNull();
+    });
+    it("renders with default placeholder when no month selected", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      const input = result.container.querySelector("input");
+      expect(input).not.toBeNull();
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            month: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(MonthPicker, {
+          name: "month",
+          label: "Month"
+        })
+      }));
+      expect(result.findTextElement("Month")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=MonthPicker.spec.mjs.map

package/dist/esm/fields/DatePicker/MonthPicker.spec.mjs.map

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

package/dist/esm/fields/DatePicker/MonthPicker.spec.native.js

@@ -0,0 +1,77 @@
+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 { MonthPicker } from "./MonthPicker.native.js";
+describe("MonthPicker", function () {
+  describe("without form context", function () {
+    it("renders with label", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      expect(result.findTextElement("Month")).toBeDefined();
+    });
+    it("renders required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(MonthPicker, {
+        label: "Required",
+        name: "req",
+        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(MonthPicker, {
+        label: "Month",
+        name: "month",
+        helperText: "Select a month"
+      }));
+      expect(result.findTextElement("Select a month")).toBeDefined();
+    });
+    it("renders skeleton placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(MonthPicker, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      var input = result.container.querySelector("input");
+      expect(input).toBeNull();
+    });
+    it("renders with placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(MonthPicker, {
+        label: "Month",
+        name: "month",
+        placeholder: "Pick a month"
+      }));
+      var input = result.container.querySelector('input[placeholder="Pick a month"]');
+      expect(input).not.toBeNull();
+    });
+    it("renders with default placeholder when no month selected", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      var input = result.container.querySelector("input");
+      expect(input).not.toBeNull();
+    });
+  });
+  describe("with form context", function () {
+    it("renders inside form", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            month: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */_jsx(MonthPicker, {
+          name: "month",
+          label: "Month"
+        })
+      }));
+      expect(result.findTextElement("Month")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=MonthPicker.spec.native.js.map

package/dist/esm/fields/DatePicker/MonthPicker.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","describe","expect","it","renderWithProviders","Form","MonthPicker","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","input","toBeNull","placeholder","not"],"sources":["../../../../src/fields/DatePicker/MonthPicker.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAQ,mBAAU;AACrC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAY;AACrB,SAASC,IAAA,oCAAmB;AAKa,SAAAC,WAAA;AAHzCL,QAAA,CAAS,eAAe,YAAM;EAC5BA,QAAA,CAAS,wBAAwB,YAAM;IACrCE,EAAA,CAAG,sBAAsB,YAAM;MAC7B,IAAAI,MAAM,GAAAH,mBAAS,gBAAoBJ,IAAA,CAAAM,WAAC;QACpCE,KAAO,SAAO;QACfC,IAAA;MAED,CAAG;MACDP,MAAM,CAAAK,MAAA,CAAAG,eAAS,QAAoB,GAAAC,WAAA;IACnC;IACAR,EAAA,uCAAqC,EAAG;MACzC,IAAAI,MAAA,GAAAH,mBAAA,gBAAAJ,IAAA,CAAAM,WAAA;QAEEE,KAAA;QACDC,IAAM;QACJG,QAAA;MACF;MACA,IAAAJ,KAAO,GAAAD,MAAO,CAAAM,SAAA,CAAAC,aAAgB,QAAmB;MAClDZ,MAAA,CAAAM,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAO,WAAA,EAAAC,SAAA;IAED;IACEb,EAAA,2BAAe,cAAoB;MACnC,IAAAI,MAAM,GAAAH,mBAAyB,gBAAcJ,IAAO,CAAAM,WAAA;QACpDE,KAAO,SAAO;QACfC,IAAA;QAEEQ,UAAA;MACD;MAAef,MACb,CAAAK,MAAA,CAAAG,eAAC,iBAAkB,GAAAC,WAAa;IAAmC,EACrE;IACAR,EAAA,+BAA+B;MAC/B,IAAAI,MAAO,GAAKH,mBAAe,gBAAAJ,IAAA,CAAAM,WAAA;QAC5BE,KAAA;QAEEC,IAAA;QACDS,QAAM;MACN;MACA,IAAAC,KAAO,GAAKZ,MAAM,CAAAM,SAAS,CAAAC,aAAA;MAC5BZ,MAAA,CAAAiB,KAAA,EAAAC,QAAA;IACF;IAEDjB,EAAA,2BAA8B,cAAM;MAClC,IAAGI,MAAA,GAAAH,mBAA6B,gBAAAJ,IAAA,CAAAM,WAAA;QAC9BE,KAAM,SAAS;QACbC,IAAA;QAGFY,WAAA;MACA;MACD,IAAAF,KAAA,GAAAZ,MAAA,CAAAM,SAAA,CAAAC,aAAA;MACFZ,MAAA,CAAAiB,KAAA,EAAAG,GAAA,CAAAF,QAAA;IACF","ignoreList":[]}