@overmap-ai/forms 1.0.10 → 1.0.11-fix-dropdown-buttons.0

package/dist/fields/UploadField/utils.d.ts

@@ -1 +1 @@
-export declare const convertBytesToLargestUnit: (bytes: number) => string;
+export declare const convertKilobytesToLargestUnit: (kilobytes: number) => string;

package/dist/forms.js

@@ -1145,15 +1145,20 @@ const previewImage = "_previewImage_1ig84_1";
 const styles$2 = {
   previewImage
 };
-const convertBytesToLargestUnit = (bytes) => {
-  const units = ["byte", "kilobyte", "megabyte"];
-  let sizeInUnit = bytes;
+const convertKilobytesToLargestUnit = (kilobytes) => {
+  const units = ["kilobyte", "megabyte"];
+  let sizeInUnit = kilobytes;
   let unitIndex = 0;
   while (sizeInUnit > 1024 && unitIndex < units.length - 1) {
     sizeInUnit /= 1024;
     unitIndex++;
   }
-  const formatter = new Intl.NumberFormat([], { maximumFractionDigits: 2, style: "unit", unit: units[unitIndex] });
+  const formatter = new Intl.NumberFormat([], {
+    // 0 for kilobytes, 1 for megabytes
+    maximumFractionDigits: unitIndex,
+    style: "unit",
+    unit: units[unitIndex]
+  });
   return formatter.format(sizeInUnit);
 };
 const NumberInput = memo(function NumberInput22(props) {
@@ -1167,7 +1172,7 @@ const NumberInput = memo(function NumberInput22(props) {
     if (helpText)
       return helpText;
     if (field.maxFileSize) {
-      const size = convertBytesToLargestUnit(field.maxFileSize);
+      const size = convertKilobytesToLargestUnit(field.maxFileSize);
       return `Maximum file size: ${size}`;
     }
     return null;
@@ -1235,7 +1240,7 @@ const DisplayFile = memo(function DisplayFile2({ file, field, onRemove, disabled
     }
     if (resolvedFile) {
       name2 = resolvedFile.name;
-      size2 = convertBytesToLargestUnit(resolvedFile.size);
+      size2 = convertKilobytesToLargestUnit(resolvedFile.size);
     } else {
       name2 = "Downloading...";
       size2 = "...";
@@ -1271,7 +1276,7 @@ const DisplayFile = memo(function DisplayFile2({ file, field, onRemove, disabled
     url && /* @__PURE__ */ jsx("img", { className: styles$2.previewImage, src: url, alt: name })
   ] }) });
 });
-const largestSupportedSize = 50 * 1024 * 1024;
+const largestSupportedSize = 50 * 1024;
 const _UploadField = class _UploadField extends BaseField {
   constructor(options) {
     const { extensions, maximum_files, maximum_size, ...base } = options;
@@ -1298,11 +1303,13 @@ const _UploadField = class _UploadField extends BaseField {
         required: false,
         minimum: 1,
         maximum: 10,
-        identifier: "maximum_files"
+        identifier: "maximum_files",
+        integers: true
       }),
       new NumberField({
+        // TODO: Default value
         label: "What is the maximum size of each file?",
-        description: "Maximum file size in bytes.",
+        description: "Maximum file size in kilobytes.",
         required: false,
         identifier: "maximum_size",
         minimum: 1,
@@ -1345,7 +1352,7 @@ const _UploadField = class _UploadField extends BaseField {
     const maxFiles = this.maxFiles ?? 1;
     validators.push((value) => {
       if (value && value.some((file) => file.size > maxFileSize)) {
-        return `Files must be at most ${convertBytesToLargestUnit(maxFileSize)}.`;
+        return `Files must be at most ${convertKilobytesToLargestUnit(maxFileSize)}.`;
       }
     });
     validators.push((value) => {
@@ -2125,13 +2132,14 @@ const FieldActions = memo(function FieldActions2(props) {
         trigger: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsx(DotsVerticalIcon, {}) }),
         closeOnSelect: false,
         items: actions.map((Action) => {
-          var _a;
+          var _a, _b;
           if (Action.disableOnMobile)
             return null;
           const Wrapper = Action.Wrapper ?? DefaultWrapper;
           return {
             ...Action.buttonProps,
             onSelect: (_a = Action.buttonProps) == null ? void 0 : _a.onClick,
+            onClick: (_b = Action.buttonProps) == null ? void 0 : _b.onClick,
             content: /* @__PURE__ */ jsx(Wrapper, { ...Action.wrapperProps, children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "center", children: [
               /* @__PURE__ */ jsx(Action.Icon, {}),
               Action.text