@flytedan/flytebot-design-system 0.66.0 → 0.67.0

package/dist/index.cjs

@@ -5003,6 +5003,7 @@ function isFieldSet(field, value) {
   switch (field.type) {
     case "text":
     case "select":
+    case "fixed":
       return isSet(value);
     case "multiSelect": {
       const v = value;
@@ -5042,6 +5043,8 @@ function validateFilterValue(field, value) {
   switch (field.type) {
     case "text":
       return typeof value === "string" ? { ok: true } : { ok: false, reason: "Enter text" };
+    case "fixed":
+      return { ok: false, reason: "This filter is set from outside and cannot be edited" };
     case "select":
       return field.options.some((o) => o.value === value) ? { ok: true } : { ok: false, reason: "Pick one of the options" };
     case "multiSelect": {
@@ -5123,6 +5126,8 @@ function chipLabel(field, value) {
   switch (field.type) {
     case "text":
       return String(value ?? "");
+    case "fixed":
+      return field.valueLabel;
     case "select": {
       const chosen = field.options.find((o) => o.value === value);
       return chosen ? chosen.label : String(value ?? "");
@@ -5760,7 +5765,7 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
       target?.focus();
     }
   }, [panel]);
-  const addableFields = fields.filter((f) => !isFieldSet(f, filters[f.key]));
+  const addableFields = fields.filter((f) => f.type !== "fixed" && !isFieldSet(f, filters[f.key]));
   const activeCount = activeFilterCount(fields, filters);
   const canAdd = addableFields.length > 0;
   const showCount = showActiveCount && activeCount > 0;
@@ -5854,6 +5859,14 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
         }
         const set = isFieldSet(field, value);
         if (!editing && !set) return null;
+        if (field.type === "fixed") {
+          const fixedText = field.label + ": " + field.valueLabel;
+          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-filterbar-chip", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "fd-tag fd-filterbar-fixed", role: "group", title: fixedText, "aria-label": fixedText, children: [
+            field.icon ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-" + field.icon, "aria-hidden": "true" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "fd-tag-label", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(MiddleEllipsis, { text: field.icon ? field.valueLabel : fixedText }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", className: "fd-tag-remove", "aria-label": "Remove " + fixedText, onClick: () => removeField(field), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("i", { className: "ph ph-x", "aria-hidden": "true" }) })
+          ] }) }, field.key);
+        }
         const chipRef = editing ? editAnchorRef : void 0;
         const toggleOrClose = () => editing ? closeEditing() : startEditing(field.key);
         const remove = () => {
@@ -5987,7 +6000,7 @@ function StatTile(props) {
   ] });
   const classes = (...extra) => ["fd-stat", ...extra, compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" ");
   if (rest.onPress) {
-    const { onPress, pressed = false, disabled = false, ...buttonRest } = rest;
+    const { onPress, pressed, disabled = false, ...buttonRest } = rest;
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { type: "button", className: classes("fd-stat-pressable"), "aria-pressed": pressed, disabled: disabled || loading, onClick: onPress, ...buttonRest, children: content });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: classes(), ...rest, children: content });