@multiplatform.one/forms 6.0.0

package/dist/esm/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/esm/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/esm/fields/TextArea/index.native.js

@@ -0,0 +1,252 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Paragraph, YStack, XStack, isWeb, useTheme } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { Input as InputParts } from "../../InputParts/index.native.js";
+import { formCommonColors } from "../../shared/colorRamps.native.js";
+import { clampRadiusForLargeComponent, getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useResolvedValidators } from "../../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
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var theme = useTheme();
+  var [charCount, setCharCount] = useState(function () {
+    var _ref;
+    return ((_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : "").length;
+  });
+  var internalRef = useRef(null);
+  var textAreaRef = textAreaRefProp ? textAreaRefProp : internalRef;
+  var [autoHeight, setAutoHeight] = useState(void 0);
+  var resolvedSizeToken = size || knobProps.sizeToken;
+  var minHeightPx = getFieldHeight(resolvedSizeToken, minRows || 3);
+  var maxHeightPx = getFieldHeight(resolvedSizeToken, maxRows);
+  var measureAndResize = useCallback(function () {
+    if (!autoResize || !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]);
+  useEffect(function () {
+    if (autoResize && isWeb) {
+      requestAnimationFrame(measureAndResize);
+    }
+  }, [autoResize, measureAndResize, value, defaultValue]);
+  var handleContentSizeChange = 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__ */_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
+      })]
+    });
+  }
+  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__ */_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
+      })
+    });
+  };
+  var cappedRadius = 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: 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__ */_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: (_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 && !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__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */_jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderTextArea(value !== null && value !== void 0 ? value : defaultValue, void 0, void 0, !!error)
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var 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, function (text) {
+            return field.handleChange(text);
+          }, void 0, !!resolvedError)
+        })
+      });
+    }
+  });
+}
+export { TextArea };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useEffect","useRef","useState","Paragraph","YStack","XStack","isWeb","useTheme","Skeleton","Field","FieldLayout","Input","InputParts","formCommonColors","clampRadiusForLargeComponent","getFieldError","getFieldHeight","mergeFieldHandler","useFormField","useResolvedValidators","TextArea","param","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","_ref","length","internalRef","autoHeight","setAutoHeight","resolvedSizeToken","sizeToken","minHeightPx","maxHeightPx","measureAndResize","textAreaElement","current","style","height","clamped","Math","min","max","scrollHeight","requestAnimationFrame","handleContentSizeChange","e","_e_nativeEvent_contentSize","_e_nativeEvent","contentHeight","nativeEvent","contentSize","children","variant","width","renderCount","renderCount2","isOverLimit","text","justifyContent","endsWith","startsWith","marginBottom","marginTop","color","muted","cappedRadius","borderRadius","resizeStyle","minHeight","maxHeight","overflow","isControlled","renderTextArea","renderTextArea2","textValue","handleChange","handleBlur","hasError","_theme_color7","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":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,EAAAC,QAAQ,IAAAC,SAAgB;AAGzD,SAASC,WAAW,EAAAC,SAAQ,EAAAC,MAAQ,EAAAC,QAAO,eAAgB;AAC3D,SAASC,SAAA,EAAAC,MAAgB,EAAAC,MAAA,EAAAC,KAAA,EAAAC,QAAA;AACzB,SAASC,QAAO,wCAAmB;AACnC,SAASC,KAAA,EAAAC,WAAS,qCAAkB;AACpC,SAASC,KAAA,IAAAC,UAAA,QAAwB;AAEjC,SAAAC,gBAAA;AAAA,SACEC,4BAAA,EAAAC,aAAA,EAAAC,cAAA,EAAAC,iBAAA,EAAAC,YAAA,EAAAC,qBAAA;AAAA,SACAC,SAAAC,KAAA;EACA;IAAAC,IAAA;IAAAC,IAAA,EAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,EAAA,EAAAC,MAAA;IAAAC,KAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,aAAA;IAAAC,aAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,aAAA;IAAAC,WAAA,EAAAC,eAAA;IAAAC,aAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAjC,KAAA;EACA;IAAAkC,YAAA;IAAAC,SAAA;IAAAtB;EAAA,IAAAhB,YAAA;IACAK,IAAA,EAAAC,QAAA;IACAU,EAAA,EAAAC,MAAA;IAAAmB;EAqHI;EA3EC,IAAAG,kBAAkB,GAAAtC,qBAAA,CAAAW,QAAA,EAAAL,UAAA,EAAAC,KAAA,EAAAJ,IAAA;EACvB,IAAAoC,KAAA,GAAAnD,QAAA;EACA,KAAAoD,SAAM,EAAAC,YAAA,IAAA1D,QAAA;IACN,IAAA2D,IAAA;IACA,SAAAA,IAAA,GAAAzB,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAAC,YAAA,cAAAwB,IAAA,cAAAA,IAAA,OAAAC,MAAA;EACA;EACA,IAAAC,WAAA,GAAA9D,MAAA;EACA,IAAAiD,WAAA,GAAAC,eAAA,GAAAA,eAAA,GAAAY,WAAA;EACA,KAAAC,UAAA,EAAAC,aAAA,IAAA/D,QAAA;EACA,IAAAgE,iBAAA,GAAAjC,IAAA,IAAAuB,SAAA,CAAAW,SAAA;EACA,IAAAC,WAAA,GAAApD,cAAA,CAAAkD,iBAAA,EAAAnB,OAAA;EACA,IAAAsB,WAAA,GAAArD,cAAA,CAAAkD,iBAAA,EAAAlB,OAAA;EACA,IAAIsB,gBAAA,GAAAvE,WAAA;IACJ,KAAA+C,UAAA,KAAAxC,KAAA;IACA,IAAAiE,eAAA,GAAArB,WAAA,CAAAsB,OAAA;IACA,KAAAD,eAAA;IACAA,eAAA,CAAAE,KAAA,CAAAC,MAAA;IACA,IAAAC,OAAA,GAAAC,IAAA,CAAAC,GAAA,CAAAD,IAAA,CAAAE,GAAA,CAAAP,eAAA,CAAAQ,YAAA,EAAAX,WAAA,GAAAC,WAAA;IACAE,eAAA,CAAAE,KAAA,CAAAC,MAAA,MAAAC,OAAA;IACAV,aAAA,CAAAU,OAAA;EACA,IACA7B,UAAA,EACAsB,WAAY,EACZC,WAAa,CACb;EACArE,SAAA,CAAU;IACV,IAAA8C,UAAgB,IAAAxC,KAAA;MAChB0E,qBAAa,CAAAV,gBAAA;IACb;EACA,IACAxB,UAAA,EACgBwB,gBAAA,EAChBlC,KAAM,EACNC,YAAM,CACN;EACA,IAAA4C,uBAAkB,GAAYlF,WAAI,WAAgBmF,CAAA;IAElD,IAAMC,0BAA8B,EAAAC,cAAA;IACpC,IAAM,CAAAtC,UAAA;IACN,IAAMuC,aAAa,IAAAD,cAAiB,GAAAF,CAAA,CAAAI,WAAsC,cAAAF,cAAA,wBAAAD,0BAAA,GAAAC,cAAA,CAAAG,WAAA,cAAAJ,0BAAA,uBAAAA,0BAAA,CAAAT,MAAA;IAE1E,IAAMW,aAAA,QAAqB;MAC3BpB,aAAM,CAAAW,IAAc,CAAAC,GAAA,CAAAD,IAAA,CAAAE,GAAe,CAAAO,aAAA,EAAAjB,WAAmB,GAAWC,WAAC;IAClE;EAEA,IACEvB,UAAK,EACLsB,WAAM,EACNC,WAAK,CACL;EACA,IAAAhB,QAAM;IACN,sBAAsBzD,KAAA,CAAAgB,UAAY,EAAO;MACzCqB,IAAA,EAAAA,IAAA,IAAcuB,SAAO,CAAAW,SAAA;MACnBqB,QAAA,GAEJ9D,KAAU,mBAAMhC,IAAA,CAAAc,QAAA;QACViF,OAAA,QAAc;QAChBC,KAAA;QACFhB,MAAA;MACE,IAEE,eAAAhF,IAAA,CAAAc,QAA0B;QAC7BiF,OAA4D;QACvDC,KAAC,QAAY;QACjBhB,MAAM,EAAAN;MACN,EAAI;IACuE,EAC3E;EAAA;EACF,IACCuB,WAAY,YAAAC,YAAwBA,CAAA9B,MAAA;IACvC,KAAAjB,SAAA;IAGA,IAAIgD,WAAU,GAAAjD,SAAA,YAAAkB,MAAA,GAAAlB,SAAA;IACZ,IAAAkD,IACE,GAAAlD,SAAA,QAAC,MAAAkB,MAAA,IAAWlB,SAAM,KAAQ,GAAAkB,MAAU,aACjC;IAAA,sBAASpE,IAAA,CAAAW,MAAC;MACX0F,cAAA,EAAA9C,aAAC,CAAA+C,QAAS,QAAQ,cAAgB,eAAe;MAAa,IAChE/C,aAAA,CAAAgD,UAAA;QAEJC,YAAA;MAEA,IAAM;QACAC,SAAC,EAAW;MAChB;MACAX,QAAM,iBAAoB9F,IAAA,CAAOS,SAAS;QAC1C8B,IACE;QAACmE,KAAA,EAAAP,WAAA,GAAAhF,gBAAA,CAAAgB,KAAA,GAAAhB,gBAAA,CAAAwF,KAAA;QAAAb,QAAA,EAAAM;MAAA;IACgE;EACmB;EAIlF,IAAAQ,YAAA,GAAAxF,4BAAA,CAAA0C,SAAA,CAAA+C,YAAA,CAAAA,YAAA;EAAA,IACFC,WAAA,GAAA1D,UAAA;IAEJ2D,SAAA,EAAArC,WAAA;IAEAsC,SAAM,EAAArC,WAAe;IAErB,IAAAL,UAAM,QAAc;MAEdU,MAAA,EAAAV;IACA;IACA2C,QAAI,EAAA3C,UAAc,IAAO,IAAE,IAAAA,UAAQ,IAAWK,WAAI;EAAA,IAClD1B,aAAW;IAGbA,aACA;IAIJ8D,SAAM,EAAAzF,cAAe,CAAAkD,iBAAU,EAAAvB,aAAA;EAE/B;IAOKA,aAAa,EAAAI,OAAA;IACd0D,SAAA,EAAArC;EACE;EAAA,IAAAwC,YAAC,GAAWxE,KAAA;EAAA,IAAAyE,cAAX,YAAAC,gBAAAC,SAAA,EAAAC,YAAA,EAAAC,UAAA,EAAAC,QAAA;IAAA,IAAArD,IACC;IAAO,IAAAsD,aACP;IAAc,OACb,eAAiBvH,KAAA,CAAAE,SAAa,EAAI;MAAA0F,QAEnC,GAAA3C,SAAC,IAAAI,aAAW,CAAAgD,UAAA,WAAAN,WAAA,CAAAhC,SAAA,kBAAX/D,KAAA,CAAAQ,MAAA;QAAAgH,QACC,YAAU;QAAA5B,QACN,GAAU,eACP9F,IAAU,CAAAkB,UAAA,CAAAyG,GAAA;UACjB3C,MAAA;UACA6B,YAAA,EAAaD,YAAA;UACb,IAAAvE,QAAA,GAAY;YACZuF,OAAM;UACL,IAAG;UACJ9B,QAAA,iBAAS9F,IAAA,CAAAkB,UAAA,CAAAQ,QAAA;YACRmG,QAAG,EAAArE,WAAA;YACH,GAAIM,SACD,CAAAgE,IAAA;YACEpB,KAAA,EAAA5C,SAAc,CAAAiE,eAAA;YACdC,eAAc,eAAgB;YAC9BC,WAAA;YACFC,WACA;YACJ3F,IAAA,EAAAuB,SAAA,CAAAW,SAAsB;YACrB,GAAIqC,WAAa;YACjBqB,SAAI;YACL,GAAAnF,aAAA;YACA,IAAApC,KAAU,GAAE;cACPwH,YAAa;cACbC,UAAW,EAAE;gBAClBD,YAAe;cACf;cACAE,iBAAA;gBACKF,YAAe,EAAE;cACtB;YACA;YACEG,oBAAgB,GAAApE,IAAU,IAAAsD,aAAA,GAAAzD,KAAA,CAAAwE,MAAA,cAAAf,aAAA,uBAAAA,aAAA,CAAAgB,GAAA,cAAAtE,IAAA,cAAAA,IAAA;YAC1B,IAAAjB,SAAA,IAAa,IAAK;cAClBA;YACA;YACA,IAAAH,WAAA,KAAiB;cACnBA;YACC,CAAI;YAGJV,QAAI;YAAsCC,QAAA,IAAAA,QAAA,MAAAD,QAAA;YAC7C,IAAAA,QAAA;cAAAqG,MAAA;YACF;YACC,IAAApG,QAAgB;cACnB;YACC,CAAa;YAChB,iBAAAF,QAAA;YAGG,cAAuB,EAAAoF,QAAA;YAExBhF,EAAA;YAAC,IAAA0E,YAAA;cAAAxE,KAAA,EAAA2E;YACC;cACA1E,YAAA,EAAA0E;YACA;YACAzE,QAAA;YACAC,YAAA,WAAA8F,cAAAvC,IAAA;cACA,IAAA/D,QAAA,IAAAC,QAAA;cACA4B,YAAA,CAAAkC,IAAA,CAAAhC,MAAA;cACAkD,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAAlB,IAAA;cACAvD,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAAuD,IAAA;cAEAxB,gBAAA;YAEA;YACF,IAAAxB,UAAA,KAAAxC,KAAA;cAEJgI,mBAAA,EAAArD;YAGE;YAAC,IAAAgC,UAAA;cAAAzE,MAAA,EAAAyE;YACO;UACN;QACA,IACA7D,aAAY,aAAAA,aAAA,uBAAAA,aAAA;MAGV,IACAP,SACE,IAAAI,aAAA,CAAAgD,UAAA,cAAAN,WAAA,CAAAhC,SAAA;IAAC;EAAA;EACC,KAAAJ,YACA,KAAAjC,IAAA;IAAA,sBACA5B,IAAA,CAAAgB,WAAA;MAAAwB,EAAA;MACOR,KAAA;MACPC,UACA;MAAAE,KAAA;MACAD,UACA;MAAAE,QACA;MAAqDG,IAAA;MAGlDuB,SACC;MAAYhB,MAAA;MAC4BgD,QACxC,iBAAA9F,IAAA,CAAAkB,UAAA;QAAAqB,IAAA,EACAA,IAAE,IAAAuB,SAAA,CAAAW,SAAA;QAAAqB,QAEN,EAAAqB,cAAA,CAAAzE,KAAA,aAAAA,KAAA,cAAAA,KAAA,GAAAC,YAAA,oBAAAR,KAAA;MAAA;IAAA;EACF;EAEJ,sBAAAnC,IAAA,CAAAe,KAAA;IACFc,IAAA,EAAAgC,YAAA;IAEJjC,IAAA","ignoreList":[]}

package/dist/esm/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/esm/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":[]}