@multiplatform.one/forms 6.0.0

package/dist/esm/fields/Duration/index.mjs

@@ -0,0 +1,259 @@
+import { useCallback, useMemo, useState } from "react";
+import { XStack, YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { FloatingPanel } from "../../FloatingPanel/index.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { formCommonColors } from "../../shared/colorRamps.mjs";
+import { TimeColumn, TimeColumnSeparator, generateRange } from "../../shared/TimeColumn.mjs";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function secondsToHms(totalSeconds) {
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  return {
+    hours,
+    minutes,
+    seconds
+  };
+}
+function hmsToSeconds(hours, minutes, seconds) {
+  return hours * 3600 + minutes * 60 + seconds;
+}
+function formatDuration(totalSeconds, showSeconds) {
+  const {
+    hours,
+    minutes,
+    seconds
+  } = secondsToHms(totalSeconds);
+  if (showSeconds) {
+    return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+  }
+  return `${String(hours).padStart(2, "0")}h ${String(minutes).padStart(2, "0")}m`;
+}
+const hourValues = generateRange(0, 23);
+const minuteValues = generateRange(0, 59);
+const secondValues = generateRange(0, 59);
+const defaultPresets = [{
+  label: "15m",
+  seconds: 900
+}, {
+  label: "30m",
+  seconds: 1800
+}, {
+  label: "1h",
+  seconds: 3600
+}, {
+  label: "2h",
+  seconds: 7200
+}, {
+  label: "4h",
+  seconds: 14400
+}, {
+  label: "8h",
+  seconds: 28800
+}];
+function DurationPopoverContent({
+  value,
+  onChange,
+  knobProps,
+  showSeconds,
+  presets
+}) {
+  const {
+    hours,
+    minutes,
+    seconds
+  } = secondsToHms(value);
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      alignItems: "flex-start",
+      justifyContent: "center",
+      children: [/* @__PURE__ */jsx(TimeColumn, {
+        label: "Hours",
+        values: hourValues,
+        selected: hours,
+        onChange: newHours => onChange(hmsToSeconds(newHours, minutes, seconds)),
+        knobProps
+      }), /* @__PURE__ */jsx(TimeColumnSeparator, {
+        knobProps
+      }), /* @__PURE__ */jsx(TimeColumn, {
+        label: "Min",
+        values: minuteValues,
+        selected: minutes,
+        onChange: newMinutes => onChange(hmsToSeconds(hours, newMinutes, seconds)),
+        knobProps
+      }), showSeconds && /* @__PURE__ */jsxs(Fragment, {
+        children: [/* @__PURE__ */jsx(TimeColumnSeparator, {
+          knobProps
+        }), /* @__PURE__ */jsx(TimeColumn, {
+          label: "Sec",
+          values: secondValues,
+          selected: seconds,
+          onChange: newSeconds => onChange(hmsToSeconds(hours, minutes, newSeconds)),
+          knobProps
+        })]
+      })]
+    }), presets.length > 0 && /* @__PURE__ */jsx(XStack, {
+      gap: "$1",
+      flexWrap: "wrap",
+      justifyContent: "center",
+      children: presets.map(preset => /* @__PURE__ */jsx(Button, {
+        size: "$2",
+        onPress: () => onChange(preset.seconds),
+        theme: value === preset.seconds ? "active" : void 0,
+        children: preset.label
+      }, preset.seconds))
+    })]
+  });
+}
+function Duration({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  size,
+  id: idProp,
+  value = 0,
+  defaultValue,
+  onChange,
+  onBlur,
+  disabled,
+  readOnly,
+  showSeconds = false,
+  presets = defaultPresets,
+  placeholder = "Select duration",
+  clockIcon,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const [open, setOpen] = useState(false);
+  const displayValue = useMemo(() => {
+    if (!value && value !== 0) return "";
+    return formatDuration(value, showSeconds);
+  }, [value, showSeconds]);
+  const handleChange = useCallback((seconds, fieldChange) => {
+    fieldChange?.(seconds);
+    onChange?.(seconds);
+  }, [onChange]);
+  const renderTrigger = (triggerValue, hasError) => /* @__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
+      })]
+    })
+  });
+  const panelContent = (currentValue, onValueChange) => /* @__PURE__ */jsx(DurationPopoverContent, {
+    value: currentValue,
+    onChange: onValueChange,
+    knobProps,
+    showSeconds,
+    presets
+  });
+  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, s => handleChange(s))
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error);
+      const fieldValue = field.state.value ?? 0;
+      const fieldDisplay = formatDuration(fieldValue, 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, s => handleChange(s, v => field.handleChange(v)))
+        })
+      });
+    }
+  });
+}
+export { Duration };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/Duration/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","XStack","YStack","Button","Skeleton","Field","FieldLayout","FloatingPanel","Input","InputParts","formCommonColors","TimeColumn","TimeColumnSeparator","generateRange","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Fragment","jsx","jsxs","secondsToHms","totalSeconds","hours","Math","floor","minutes","seconds","hmsToSeconds","formatDuration","showSeconds","String","padStart","hourValues","minuteValues","secondValues","defaultPresets","label","DurationPopoverContent","value","onChange","knobProps","presets","gap","children","alignItems","justifyContent","values","selected","newHours","newMinutes","newSeconds","length","flexWrap","map","preset","size","onPress","theme","Duration","name","form","formProp","validators","labelProps","helperText","error","required","id","idProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","resolvedValidators","open","setOpen","displayValue","handleChange","fieldChange","renderTrigger","triggerValue","hasError","sizeToken","Box","opacity","pointerEvents","Section","Icon","adornment","Area","color","text","panelContent","currentValue","onValueChange","variant","width","height","onOpenChange","scrollable","sizing","fitContent","trigger","s","field","resolvedError","fieldValue","state","fieldDisplay","v"],"sources":["../../../../src/fields/Duration/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,282 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { XStack, YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+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 } 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 secondsToHms(totalSeconds) {
+  var hours = Math.floor(totalSeconds / 3600);
+  var minutes = Math.floor(totalSeconds % 3600 / 60);
+  var seconds = totalSeconds % 60;
+  return {
+    hours,
+    minutes,
+    seconds
+  };
+}
+function hmsToSeconds(hours, minutes, seconds) {
+  return hours * 3600 + minutes * 60 + seconds;
+}
+function formatDuration(totalSeconds, showSeconds) {
+  var {
+    hours,
+    minutes,
+    seconds
+  } = secondsToHms(totalSeconds);
+  if (showSeconds) {
+    return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+  }
+  return `${String(hours).padStart(2, "0")}h ${String(minutes).padStart(2, "0")}m`;
+}
+var hourValues = generateRange(0, 23);
+var minuteValues = generateRange(0, 59);
+var secondValues = generateRange(0, 59);
+var defaultPresets = [{
+  label: "15m",
+  seconds: 900
+}, {
+  label: "30m",
+  seconds: 1800
+}, {
+  label: "1h",
+  seconds: 3600
+}, {
+  label: "2h",
+  seconds: 7200
+}, {
+  label: "4h",
+  seconds: 14400
+}, {
+  label: "8h",
+  seconds: 28800
+}];
+function DurationPopoverContent(param) {
+  var {
+    value,
+    onChange,
+    knobProps,
+    showSeconds,
+    presets
+  } = param;
+  var {
+    hours,
+    minutes,
+    seconds
+  } = secondsToHms(value);
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gap,
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      gap: "$2",
+      alignItems: "flex-start",
+      justifyContent: "center",
+      children: [/* @__PURE__ */_jsx(TimeColumn, {
+        label: "Hours",
+        values: hourValues,
+        selected: hours,
+        onChange: function onChange1(newHours) {
+          return onChange(hmsToSeconds(newHours, minutes, seconds));
+        },
+        knobProps
+      }), /* @__PURE__ */_jsx(TimeColumnSeparator, {
+        knobProps
+      }), /* @__PURE__ */_jsx(TimeColumn, {
+        label: "Min",
+        values: minuteValues,
+        selected: minutes,
+        onChange: function onChange1(newMinutes) {
+          return onChange(hmsToSeconds(hours, newMinutes, seconds));
+        },
+        knobProps
+      }), showSeconds && /* @__PURE__ */_jsxs(_Fragment, {
+        children: [/* @__PURE__ */_jsx(TimeColumnSeparator, {
+          knobProps
+        }), /* @__PURE__ */_jsx(TimeColumn, {
+          label: "Sec",
+          values: secondValues,
+          selected: seconds,
+          onChange: function onChange1(newSeconds) {
+            return onChange(hmsToSeconds(hours, minutes, newSeconds));
+          },
+          knobProps
+        })]
+      })]
+    }), presets.length > 0 && /* @__PURE__ */_jsx(XStack, {
+      gap: "$1",
+      flexWrap: "wrap",
+      justifyContent: "center",
+      children: presets.map(function (preset) {
+        return /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          onPress: function onPress() {
+            return onChange(preset.seconds);
+          },
+          theme: value === preset.seconds ? "active" : void 0,
+          children: preset.label
+        }, preset.seconds);
+      })
+    })]
+  });
+}
+function Duration(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    size,
+    id: idProp,
+    value = 0,
+    defaultValue,
+    onChange,
+    onBlur,
+    disabled,
+    readOnly,
+    showSeconds = false,
+    presets = defaultPresets,
+    placeholder = "Select duration",
+    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 () {
+    if (!value && value !== 0) return "";
+    return formatDuration(value, showSeconds);
+  }, [value, showSeconds]);
+  var handleChange = useCallback(function (seconds, fieldChange) {
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(seconds);
+    onChange === null || onChange === void 0 ? void 0 : onChange(seconds);
+  }, [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(DurationPopoverContent, {
+      value: currentValue,
+      onChange: onValueChange,
+      knobProps,
+      showSeconds,
+      presets
+    });
+  };
+  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 (s) {
+          return handleChange(s);
+        })
+      })
+    });
+  }
+  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 : 0;
+      var fieldDisplay = formatDuration(fieldValue, 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 (s) {
+            return handleChange(s, function (v) {
+              return field.handleChange(v);
+            });
+          })
+        })
+      });
+    }
+  });
+}
+export { Duration };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useMemo","useState","XStack","YStack","Button","Skeleton","Field","FieldLayout","FloatingPanel","Input","InputParts","formCommonColors","TimeColumn","TimeColumnSeparator","generateRange","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","secondsToHms","totalSeconds","hours","Math","floor","minutes","seconds","hmsToSeconds","formatDuration","showSeconds","String","padStart","hourValues","minuteValues","secondValues","defaultPresets","label","DurationPopoverContent","param","value","onChange","knobProps","presets","gap","children","alignItems","justifyContent","values","selected","onChange1","newHours","newMinutes","newSeconds","length","flexWrap","map","preset","size","onPress","theme","Duration","name","form","formProp","validators","labelProps","helperText","error","required","id","idProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","resolvedValidators","open","setOpen","displayValue","handleChange","fieldChange","renderTrigger","renderTrigger2","triggerValue","hasError","sizeToken","Box","opacity","pointerEvents","Section","Icon","adornment","Area","color","text","panelContent","panelContent2","currentValue","onValueChange","variant","width","height","onOpenChange","scrollable","sizing","fitContent","trigger","s","field","_field_state_value","resolvedError","fieldValue","state","fieldDisplay"],"sources":["../../../../src/fields/Duration/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { FileUpload } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("FileUpload", () => {
+  it("should render placeholder and upload button text", () => {
+    const result = renderWithProviders(/* @__PURE__ */jsx(FileUpload, {
+      label: "Attachment",
+      placeholder: "Upload your file",
+      buttonText: "Pick file",
+      name: "attachment"
+    }));
+    expect(result.findTextElement("Attachment")).toBeDefined();
+    expect(result.findTextElement("Upload your file")).toBeDefined();
+    expect(result.findTextElement("Pick file")).toBeDefined();
+  });
+});
+//# sourceMappingURL=FileUpload.spec.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","FileUpload","jsx","result","label","placeholder","buttonText","name","findTextElement","toBeDefined"],"sources":["../../../../src/fields/FileUpload/FileUpload.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,EAAQC,EAAA,QAAU;AACrC,SAASC,mBAAA,QAA2B;AACpC,SAASC,UAAA,QAAkB;AAKrB,SAAAC,GAAA;AAHNL,QAAA,CAAS,cAAc,MAAM;EAC3BE,EAAA,CAAG,oDAAoD,MAAM;IAC3D,MAAMI,MAAA,GAASH,mBAAA,CACb,eAAAE,GAAA,CAACD,UAAA;MACCG,KAAA,EAAM;MACNC,WAAA,EAAY;MACZC,UAAA,EAAW;MACXC,IAAA,EAAK;IAAA,CACP,CACF;IAEAT,MAAA,CAAOK,MAAA,CAAOK,eAAA,CAAgB,YAAY,CAAC,EAAEC,WAAA,CAAY;IACzDX,MAAA,CAAOK,MAAA,CAAOK,eAAA,CAAgB,kBAAkB,CAAC,EAAEC,WAAA,CAAY;IAC/DX,MAAA,CAAOK,MAAA,CAAOK,eAAA,CAAgB,WAAW,CAAC,EAAEC,WAAA,CAAY;EAC1D,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { FileUpload } from "./index.native.js";
+describe("FileUpload", function () {
+  it("should render placeholder and upload button text", function () {
+    var result = renderWithProviders(/* @__PURE__ */_jsx(FileUpload, {
+      label: "Attachment",
+      placeholder: "Upload your file",
+      buttonText: "Pick file",
+      name: "attachment"
+    }));
+    expect(result.findTextElement("Attachment")).toBeDefined();
+    expect(result.findTextElement("Upload your file")).toBeDefined();
+    expect(result.findTextElement("Pick file")).toBeDefined();
+  });
+});
+//# sourceMappingURL=FileUpload.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","describe","expect","it","renderWithProviders","FileUpload","result","label","placeholder","buttonText","name","findTextElement","toBeDefined"],"sources":["../../../../src/fields/FileUpload/FileUpload.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,QAAQ,mBAAU;AACrC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAkB;AAKrB,SAAAC,UAAA;AAHNJ,QAAA,CAAS,cAAc,YAAM;EAC3BE,EAAA,CAAG,oDAAoD,YAAM;IAC3D,IAAAG,MAAM,GAAAF,mBAAS,gBAAAJ,IAAA,CAAAK,UAAA;MACbE,KAAA;MAAAC,WAAC;MAAAC,UAAA;MAAAC,IACC;IAAM;IACMR,MACZ,CAAAI,MAAA,CAAAK,eAAW,gBAAAC,WAAA;IAAAV,MACX,CAAAI,MAAK,CAAAK,eAAA,sBAAAC,WAAA;IAAAV,MAAA,CAAAI,MAAA,CAAAK,eAAA,eAAAC,WAAA;EAAA;AACP","ignoreList":[]}