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

package/dist/forms.umd.cjs

@@ -1138,15 +1138,20 @@ var __publicField = (obj, key, value) => {
   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 = React.memo(function NumberInput2(props) {
@@ -1160,7 +1165,7 @@ var __publicField = (obj, key, value) => {
       if (helpText)
         return helpText;
       if (field.maxFileSize) {
-        const size = convertBytesToLargestUnit(field.maxFileSize);
+        const size = convertKilobytesToLargestUnit(field.maxFileSize);
         return `Maximum file size: ${size}`;
       }
       return null;
@@ -1228,7 +1233,7 @@ var __publicField = (obj, key, value) => {
       }
       if (resolvedFile) {
         name2 = resolvedFile.name;
-        size2 = convertBytesToLargestUnit(resolvedFile.size);
+        size2 = convertKilobytesToLargestUnit(resolvedFile.size);
       } else {
         name2 = "Downloading...";
         size2 = "...";
@@ -1264,7 +1269,7 @@ var __publicField = (obj, key, value) => {
       url && /* @__PURE__ */ jsxRuntime.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;
@@ -1291,11 +1296,13 @@ var __publicField = (obj, key, value) => {
           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,
@@ -1338,7 +1345,7 @@ var __publicField = (obj, key, value) => {
       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) => {
@@ -2118,13 +2125,14 @@ var __publicField = (obj, key, value) => {
           trigger: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.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__ */ jsxRuntime.jsx(Wrapper, { ...Action.wrapperProps, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Action.Icon, {}),
                 Action.text