@dmitryvim/form-builder 0.5.0 → 0.5.1

package/dist/esm/index.js

@@ -3043,34 +3043,12 @@ function ensureFileStyles() {
   padding: 6px;
 }
 
-/* \u2500\u2500\u2500 Meta line below multi grid \u2500\u2500\u2500 */
-.fb-meta-line {
+/* \u2500\u2500\u2500 Clear-all row below multi grid \u2500\u2500\u2500 */
+.fb-clear-all-row {
   margin-top: 10px;
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.fb-meta-text {
-  font-size: 12px;
-  color: #94a3b8;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.fb-meta-dot {
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background: #cbd5e1;
-  flex-shrink: 0;
-}
-.fb-meta-mono {
-  font-family: ui-monospace, 'JetBrains Mono', monospace;
-  font-size: 11px;
-  letter-spacing: -0.02em;
+  justify-content: flex-end;
 }
 .fb-clear-all-btn {
   font-size: 12px;
@@ -4860,58 +4838,22 @@ function buildPlaceholderTile(isDragOver = false) {
   div.className = `fb-multi-placeholder fb-checker${isDragOver ? " fb-drag-over" : ""}`;
   return div;
 }
-function buildMetaLine(state, element, ridCount, maxCount, canClearAll, onClearAll) {
-  const line = document.createElement("div");
-  line.className = "fb-meta-line";
-  const metaText = document.createElement("div");
-  metaText.className = "fb-meta-text";
-  if (element.maxSize && element.maxSize !== Infinity) {
-    const sizeSpan = document.createElement("span");
-    sizeSpan.textContent = t("hintMaxSize", state, { size: element.maxSize });
-    metaText.appendChild(sizeSpan);
-    metaText.appendChild(buildMetaDot());
-  }
-  const exts = getAllowedExtensions(
-    element.accept
-  );
-  if (exts.length > 0) {
-    const fmtSpan = document.createElement("span");
-    fmtSpan.className = "fb-meta-mono";
-    fmtSpan.textContent = exts.map((e) => e.toUpperCase()).join(", ");
-    metaText.appendChild(fmtSpan);
-    metaText.appendChild(buildMetaDot());
-  }
-  const countSpan = document.createElement("span");
-  if (maxCount < Infinity) {
-    countSpan.textContent = t("fileCountWithMax", state, {
-      count: ridCount,
-      max: maxCount
-    });
-  } else {
-    const countKey = ridCount === 1 ? "fileCountSingle" : "fileCountPlural";
-    countSpan.textContent = t(countKey, state, { count: ridCount });
-  }
-  metaText.appendChild(countSpan);
-  line.appendChild(metaText);
-  if (canClearAll && ridCount > 1) {
-    const clearBtn = document.createElement("button");
-    clearBtn.type = "button";
-    clearBtn.className = "fb-clear-all-btn";
-    clearBtn.textContent = t("clearAll", state);
-    clearBtn.onclick = (e) => {
-      e.stopPropagation();
-      if (window.confirm(t("clearAll", state) + "?")) {
-        onClearAll();
-      }
-    };
-    line.appendChild(clearBtn);
-  }
-  return line;
-}
-function buildMetaDot() {
-  const dot = document.createElement("span");
-  dot.className = "fb-meta-dot";
-  return dot;
+function buildClearAllRow(state, ridCount, onClearAll) {
+  if (ridCount <= 1) return null;
+  const row = document.createElement("div");
+  row.className = "fb-clear-all-row";
+  const clearBtn = document.createElement("button");
+  clearBtn.type = "button";
+  clearBtn.className = "fb-clear-all-btn";
+  clearBtn.textContent = t("clearAll", state);
+  clearBtn.onclick = (e) => {
+    e.stopPropagation();
+    if (window.confirm(t("clearAll", state) + "?")) {
+      onClearAll();
+    }
+  };
+  row.appendChild(clearBtn);
+  return row;
 }
 var gridResizeObservers = /* @__PURE__ */ new WeakMap();
 function disposePlaceholdersForUpload(container) {
@@ -4931,7 +4873,6 @@ function renderResourcePills(opts) {
     maxCount,
     isReadonly = false,
     onLibraryPick,
-    element,
     onClearAll,
     openPicker: openPickerProp
   } = opts;
@@ -5075,17 +5016,9 @@ function renderResourcePills(opts) {
       }
     }
   });
-  if (element) {
-    const metaLine = buildMetaLine(
-      state,
-      element,
-      ridList.length,
-      effectiveMax,
-      Boolean(onClearAll),
-      onClearAll ?? (() => {
-      })
-    );
-    container.appendChild(metaLine);
+  if (onClearAll) {
+    const row = buildClearAllRow(state, ridList.length, onClearAll);
+    if (row) container.appendChild(row);
   }
 }
 function renderFileElementEdit(element, ctx, wrapper, pathKey) {
@@ -5309,7 +5242,6 @@ function setupMultiFileEditMode(element, ctx, wrapper, pathKey, maxFiles) {
       maxCount: maxFiles < Infinity ? maxFiles : void 0,
       isReadonly: currentlyReadonly,
       onLibraryPick: currentlyReadonly ? null : onLibraryPick,
-      element,
       onClearAll: currentlyReadonly ? void 0 : () => {
         for (const rid of initialFiles) {
           releaseLocalFileUrl(state.resourceIndex.get(rid)?.file);
@@ -10737,9 +10669,6 @@ var defaultConfig = {
       hintRequired: "Required",
       hintOptional: "Optional",
       hintPattern: "Format: {pattern}",
-      fileCountSingle: "{count} file",
-      fileCountPlural: "{count} files",
-      fileCountWithMax: "{count} / {max} files",
       fileCountRange: "({min}-{max})",
       uploadingFile: "Uploading\u2026",
       filesCounter: "{count}/{max}",
@@ -10813,9 +10742,6 @@ var defaultConfig = {
       hintRequired: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E\u0435",
       hintOptional: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E\u0435",
       hintPattern: "\u0424\u043E\u0440\u043C\u0430\u0442: {pattern}",
-      fileCountSingle: "{count} \u0444\u0430\u0439\u043B",
-      fileCountPlural: "{count} \u0444\u0430\u0439\u043B\u043E\u0432",
-      fileCountWithMax: "{count} / {max} \u0444\u0430\u0439\u043B\u043E\u0432",
       fileCountRange: "({min}-{max})",
       uploadingFile: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430\u2026",
       filesCounter: "{count}/{max}",