@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/TextArea/index.mjs

@@ -0,0 +1,241 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Paragraph, YStack, XStack, isWeb, useTheme } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { formCommonColors } from "../../shared/colorRamps.mjs";
+import { clampRadiusForLargeComponent, getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function TextArea({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  disabled,
+  readOnly,
+  size,
+  id: idProp,
+  value,
+  defaultValue,
+  onChange,
+  onChangeText,
+  onBlur,
+  placeholder,
+  textAreaProps,
+  numberOfLines,
+  maxLength,
+  showCount = false,
+  autoResize = false,
+  minRows = 3,
+  maxRows = 10,
+  countPosition = "bottom-right",
+  textAreaRef: textAreaRefProp,
+  renderOverlay,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const theme = useTheme();
+  const [charCount, setCharCount] = useState(() => (value ?? defaultValue ?? "").length);
+  const internalRef = useRef(null);
+  const textAreaRef = textAreaRefProp ? textAreaRefProp : internalRef;
+  const [autoHeight, setAutoHeight] = useState(void 0);
+  const resolvedSizeToken = size || knobProps.sizeToken;
+  const minHeightPx = getFieldHeight(resolvedSizeToken, minRows || 3);
+  const maxHeightPx = getFieldHeight(resolvedSizeToken, maxRows);
+  const measureAndResize = useCallback(() => {
+    if (!autoResize || !isWeb) return;
+    const textAreaElement = textAreaRef.current;
+    if (!textAreaElement) return;
+    textAreaElement.style.height = "auto";
+    const clamped = Math.min(Math.max(textAreaElement.scrollHeight, minHeightPx), maxHeightPx);
+    textAreaElement.style.height = `${clamped}px`;
+    setAutoHeight(clamped);
+  }, [autoResize, minHeightPx, maxHeightPx]);
+  useEffect(() => {
+    if (autoResize && isWeb) {
+      requestAnimationFrame(measureAndResize);
+    }
+  }, [autoResize, measureAndResize, value, defaultValue]);
+  const handleContentSizeChange = useCallback(e => {
+    if (!autoResize) return;
+    const contentHeight = e.nativeEvent?.contentSize?.height;
+    if (contentHeight != null) {
+      setAutoHeight(Math.min(Math.max(contentHeight, minHeightPx), maxHeightPx));
+    }
+  }, [autoResize, minHeightPx, maxHeightPx]);
+  if (skeleton) {
+    return /* @__PURE__ */jsxs(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */jsx(Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: minHeightPx
+      })]
+    });
+  }
+  const renderCount = length => {
+    if (!showCount) return null;
+    const isOverLimit = maxLength != null && length > maxLength;
+    const text = maxLength != null ? `${length}/${maxLength}` : `${length} characters`;
+    return /* @__PURE__ */jsx(XStack, {
+      justifyContent: countPosition.endsWith("right") ? "flex-end" : "flex-start",
+      ...(countPosition.startsWith("top") ? {
+        marginBottom: "$2"
+      } : {
+        marginTop: "$2"
+      }),
+      children: /* @__PURE__ */jsx(Paragraph, {
+        size: "$2",
+        color: isOverLimit ? formCommonColors.error : formCommonColors.muted,
+        children: text
+      })
+    });
+  };
+  const cappedRadius = clampRadiusForLargeComponent(knobProps.borderRadius.borderRadius);
+  const resizeStyle = autoResize ? {
+    minHeight: minHeightPx,
+    maxHeight: maxHeightPx,
+    ...(autoHeight != null ? {
+      height: autoHeight
+    } : void 0),
+    overflow: autoHeight != null && autoHeight >= maxHeightPx ? "scroll" : "hidden"
+  } : numberOfLines ? {
+    numberOfLines,
+    minHeight: getFieldHeight(resolvedSizeToken, numberOfLines)
+  } : {
+    numberOfLines: minRows,
+    minHeight: minHeightPx
+  };
+  const isControlled = value !== void 0;
+  const renderTextArea = (textValue, handleChange, handleBlur, hasError) => /* @__PURE__ */jsxs(Fragment, {
+    children: [showCount && countPosition.startsWith("top") && renderCount(charCount), /* @__PURE__ */jsxs(YStack, {
+      position: "relative",
+      children: [/* @__PURE__ */jsx(InputParts.Box, {
+        height: "auto",
+        borderRadius: cappedRadius,
+        ...(disabled ? {
+          opacity: 0.5
+        } : void 0),
+        children: /* @__PURE__ */jsx(InputParts.TextArea, {
+          innerRef: textAreaRef,
+          ...knobProps.body,
+          color: knobProps.textAccentColor,
+          backgroundColor: "transparent",
+          borderWidth: 0,
+          borderColor: "transparent",
+          size: knobProps.sizeToken,
+          ...resizeStyle,
+          multiline: true,
+          ...textAreaProps,
+          ...(isWeb ? {
+            outlineWidth: 0,
+            focusStyle: {
+              outlineWidth: 0
+            },
+            focusVisibleStyle: {
+              outlineWidth: 0
+            }
+          } : void 0),
+          placeholderTextColor: theme.color7?.val ?? "$color7",
+          ...(maxLength != null ? {
+            maxLength
+          } : void 0),
+          ...(placeholder !== void 0 ? {
+            placeholder
+          } : void 0),
+          disabled,
+          readOnly: !!readOnly || !!disabled,
+          ...(disabled ? {
+            cursor: "not-allowed"
+          } : void 0),
+          ...(readOnly ? {
+            "aria-readonly": true
+          } : void 0),
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          id,
+          ...(isControlled ? {
+            value: textValue
+          } : {
+            defaultValue: textValue
+          }),
+          onChange,
+          onChangeText: text => {
+            if (disabled || readOnly) return;
+            setCharCount(text.length);
+            handleChange?.(text);
+            onChangeText?.(text);
+            measureAndResize();
+          },
+          ...(autoResize && !isWeb ? {
+            onContentSizeChange: handleContentSizeChange
+          } : void 0),
+          ...(handleBlur ? {
+            onBlur: handleBlur
+          } : void 0)
+        })
+      }), renderOverlay?.()]
+    }), showCount && countPosition.startsWith("bottom") && renderCount(charCount)]
+  });
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderTextArea(value ?? defaultValue, void 0, void 0, !!error)
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error);
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */jsx(InputParts, {
+          size: size || knobProps.sizeToken,
+          children: renderTextArea(field.state.value, text => field.handleChange(text), void 0, !!resolvedError)
+        })
+      });
+    }
+  });
+}
+export { TextArea };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/fields/TextArea/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","Paragraph","YStack","XStack","isWeb","useTheme","Skeleton","Field","FieldLayout","Input","InputParts","formCommonColors","clampRadiusForLargeComponent","getFieldError","getFieldHeight","mergeFieldHandler","useFormField","useResolvedValidators","Fragment","jsx","jsxs","TextArea","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","value","defaultValue","onChange","onChangeText","onBlur","placeholder","textAreaProps","numberOfLines","maxLength","showCount","autoResize","minRows","maxRows","countPosition","textAreaRef","textAreaRefProp","renderOverlay","skeleton","compact","resolvedForm","knobProps","resolvedValidators","theme","charCount","setCharCount","length","internalRef","autoHeight","setAutoHeight","resolvedSizeToken","sizeToken","minHeightPx","maxHeightPx","measureAndResize","textAreaElement","current","style","height","clamped","Math","min","max","scrollHeight","requestAnimationFrame","handleContentSizeChange","e","contentHeight","nativeEvent","contentSize","children","variant","width","renderCount","isOverLimit","text","justifyContent","endsWith","startsWith","marginBottom","marginTop","color","muted","cappedRadius","borderRadius","resizeStyle","minHeight","maxHeight","overflow","isControlled","renderTextArea","textValue","handleChange","handleBlur","hasError","position","Box","opacity","innerRef","body","textAccentColor","backgroundColor","borderWidth","borderColor","multiline","outlineWidth","focusStyle","focusVisibleStyle","placeholderTextColor","color7","val","cursor","onContentSizeChange","field","resolvedError","state"],"sources":["../../../../src/fields/TextArea/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/TextArea/index.native.js

@@ -0,0 +1,280 @@
+"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 TextArea_exports = {};
+__export(TextArea_exports, {
+  TextArea: () => TextArea
+});
+module.exports = __toCommonJS(TextArea_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_InputParts = require("../../InputParts/index.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.native.js");
+function TextArea(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onChange,
+    onChangeText,
+    onBlur,
+    placeholder,
+    textAreaProps,
+    numberOfLines,
+    maxLength,
+    showCount = false,
+    autoResize = false,
+    minRows = 3,
+    maxRows = 10,
+    countPosition = "bottom-right",
+    textAreaRef: textAreaRefProp,
+    renderOverlay,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var theme = (0, import_tamagui.useTheme)();
+  var [charCount, setCharCount] = (0, import_react.useState)(function () {
+    var _ref;
+    return ((_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : "").length;
+  });
+  var internalRef = (0, import_react.useRef)(null);
+  var textAreaRef = textAreaRefProp ? textAreaRefProp : internalRef;
+  var [autoHeight, setAutoHeight] = (0, import_react.useState)(void 0);
+  var resolvedSizeToken = size || knobProps.sizeToken;
+  var minHeightPx = (0, import_utils.getFieldHeight)(resolvedSizeToken, minRows || 3);
+  var maxHeightPx = (0, import_utils.getFieldHeight)(resolvedSizeToken, maxRows);
+  var measureAndResize = (0, import_react.useCallback)(function () {
+    if (!autoResize || !import_tamagui.isWeb) return;
+    var textAreaElement = textAreaRef.current;
+    if (!textAreaElement) return;
+    textAreaElement.style.height = "auto";
+    var clamped = Math.min(Math.max(textAreaElement.scrollHeight, minHeightPx), maxHeightPx);
+    textAreaElement.style.height = `${clamped}px`;
+    setAutoHeight(clamped);
+  }, [autoResize, minHeightPx, maxHeightPx]);
+  (0, import_react.useEffect)(function () {
+    if (autoResize && import_tamagui.isWeb) {
+      requestAnimationFrame(measureAndResize);
+    }
+  }, [autoResize, measureAndResize, value, defaultValue]);
+  var handleContentSizeChange = (0, import_react.useCallback)(function (e) {
+    var _e_nativeEvent_contentSize, _e_nativeEvent;
+    if (!autoResize) return;
+    var contentHeight = (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : (_e_nativeEvent_contentSize = _e_nativeEvent.contentSize) === null || _e_nativeEvent_contentSize === void 0 ? void 0 : _e_nativeEvent_contentSize.height;
+    if (contentHeight != null) {
+      setAutoHeight(Math.min(Math.max(contentHeight, minHeightPx), maxHeightPx));
+    }
+  }, [autoResize, minHeightPx, maxHeightPx]);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: minHeightPx
+      })]
+    });
+  }
+  var renderCount = function renderCount2(length) {
+    if (!showCount) return null;
+    var isOverLimit = maxLength != null && length > maxLength;
+    var text = maxLength != null ? `${length}/${maxLength}` : `${length} characters`;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      justifyContent: countPosition.endsWith("right") ? "flex-end" : "flex-start",
+      ...(countPosition.startsWith("top") ? {
+        marginBottom: "$2"
+      } : {
+        marginTop: "$2"
+      }),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        size: "$2",
+        color: isOverLimit ? import_colorRamps.formCommonColors.error : import_colorRamps.formCommonColors.muted,
+        children: text
+      })
+    });
+  };
+  var cappedRadius = (0, import_utils.clampRadiusForLargeComponent)(knobProps.borderRadius.borderRadius);
+  var resizeStyle = autoResize ? {
+    minHeight: minHeightPx,
+    maxHeight: maxHeightPx,
+    ...(autoHeight != null ? {
+      height: autoHeight
+    } : void 0),
+    overflow: autoHeight != null && autoHeight >= maxHeightPx ? "scroll" : "hidden"
+  } : numberOfLines ? {
+    numberOfLines,
+    minHeight: (0, import_utils.getFieldHeight)(resolvedSizeToken, numberOfLines)
+  } : {
+    numberOfLines: minRows,
+    minHeight: minHeightPx
+  };
+  var isControlled = value !== void 0;
+  var renderTextArea = function renderTextArea2(textValue, handleChange, handleBlur, hasError) {
+    var _ref;
+    var _theme_color7;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [showCount && countPosition.startsWith("top") && renderCount(charCount), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        position: "relative",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+          height: "auto",
+          borderRadius: cappedRadius,
+          ...(disabled ? {
+            opacity: 0.5
+          } : void 0),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.TextArea, {
+            innerRef: textAreaRef,
+            ...knobProps.body,
+            color: knobProps.textAccentColor,
+            backgroundColor: "transparent",
+            borderWidth: 0,
+            borderColor: "transparent",
+            size: knobProps.sizeToken,
+            ...resizeStyle,
+            multiline: true,
+            ...textAreaProps,
+            ...(import_tamagui.isWeb ? {
+              outlineWidth: 0,
+              focusStyle: {
+                outlineWidth: 0
+              },
+              focusVisibleStyle: {
+                outlineWidth: 0
+              }
+            } : void 0),
+            placeholderTextColor: (_ref = (_theme_color7 = theme.color7) === null || _theme_color7 === void 0 ? void 0 : _theme_color7.val) !== null && _ref !== void 0 ? _ref : "$color7",
+            ...(maxLength != null ? {
+              maxLength
+            } : void 0),
+            ...(placeholder !== void 0 ? {
+              placeholder
+            } : void 0),
+            disabled,
+            readOnly: !!readOnly || !!disabled,
+            ...(disabled ? {
+              cursor: "not-allowed"
+            } : void 0),
+            ...(readOnly ? {
+              "aria-readonly": true
+            } : void 0),
+            "aria-required": required || void 0,
+            "aria-invalid": hasError || void 0,
+            id,
+            ...(isControlled ? {
+              value: textValue
+            } : {
+              defaultValue: textValue
+            }),
+            onChange,
+            onChangeText: function onChangeText1(text) {
+              if (disabled || readOnly) return;
+              setCharCount(text.length);
+              handleChange === null || handleChange === void 0 ? void 0 : handleChange(text);
+              onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
+              measureAndResize();
+            },
+            ...(autoResize && !import_tamagui.isWeb ? {
+              onContentSizeChange: handleContentSizeChange
+            } : void 0),
+            ...(handleBlur ? {
+              onBlur: handleBlur
+            } : void 0)
+          })
+        }), renderOverlay === null || renderOverlay === void 0 ? void 0 : renderOverlay()]
+      }), showCount && countPosition.startsWith("bottom") && renderCount(charCount)]
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: size || knobProps.sizeToken,
+        children: renderTextArea(value !== null && value !== void 0 ? value : defaultValue, void 0, void 0, !!error)
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, error);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: size || knobProps.sizeToken,
+          children: renderTextArea(field.state.value, function (text) {
+            return field.handleChange(text);
+          }, void 0, !!resolvedError)
+        })
+      });
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/TextArea/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TextArea_exports","TextArea","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_Skeleton","import_fieldLayout","import_InputParts","import_colorRamps","import_utils","param","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","defaultValue","onChange","onChangeText","onBlur","placeholder","textAreaProps","numberOfLines","maxLength","showCount","autoResize","minRows","maxRows","countPosition","textAreaRef","textAreaRefProp","renderOverlay","skeleton","compact","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","theme","useTheme","charCount","setCharCount","useState","_ref","length","internalRef","useRef","autoHeight","setAutoHeight","resolvedSizeToken","sizeToken","minHeightPx","getFieldHeight","maxHeightPx","measureAndResize","useCallback","isWeb","textAreaElement","current","style","height","clamped","Math","min","max","scrollHeight","useEffect","requestAnimationFrame","handleContentSizeChange","e","_e_nativeEvent_contentSize","_e_nativeEvent","contentHeight","nativeEvent","contentSize","jsxs","Input","children","jsx","Skeleton","variant","width","renderCount","renderCount2","isOverLimit","text","XStack","justifyContent","endsWith","startsWith","marginBottom","marginTop","Paragraph","color","formCommonColors","muted","cappedRadius","clampRadiusForLargeComponent","borderRadius","resizeStyle","minHeight","maxHeight","overflow","isControlled","renderTextArea","renderTextArea2","textValue","handleChange","handleBlur","hasError","_theme_color7","Fragment","YStack","position","Box","opacity","innerRef","body","textAccentColor","backgroundColor","borderWidth","borderColor","multiline","outlineWidth","focusStyle","focusVisibleStyle","placeholderTextColor","color7","val","cursor","onChangeText1","onContentSizeChange"],"sources":["../../../../src/fields/TextArea/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/TimePicker/TimePicker.spec.mjs

@@ -0,0 +1,92 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { TimePicker } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("TimePicker", () => {
+  describe("without form context", () => {
+    it("renders with label and placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TimePicker, {
+        label: "Start time",
+        name: "time",
+        placeholder: "Pick time"
+      }));
+      expect(result.findTextElement("Start time")).toBeDefined();
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("placeholder")).toBe("Pick time");
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TimePicker, {
+        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(TimePicker, {
+        label: "Time",
+        name: "t",
+        helperText: "24h format"
+      }));
+      expect(result.findTextElement("24h format")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TimePicker, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      expect(result.container.querySelector("input")).toBeNull();
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TimePicker, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("aria-disabled")).toBe("true");
+    });
+    it("renders readOnly state with value", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TimePicker, {
+        label: "ReadOnly",
+        name: "r",
+        readOnly: true,
+        value: "14:30",
+        timeFormat: "24h"
+      }));
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("aria-readonly")).toBe("true");
+    });
+    it("displays formatted value in 12h format", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TimePicker, {
+        label: "Time",
+        name: "t",
+        value: "14:30",
+        timeFormat: "12h"
+      }));
+      const input = result.container.querySelector("input");
+      expect(input?.getAttribute("value")).toContain("2:30");
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            time: ""
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(TimePicker, {
+          name: "time",
+          label: "Meeting time"
+        })
+      }));
+      expect(result.findTextElement("Meeting time")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=TimePicker.spec.mjs.map

package/dist/jsx/fields/TimePicker/TimePicker.spec.mjs.map

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