@flanksource/clicky-ui 0.2.13 → 0.2.15

package/dist/components/FilterBar.cjs

@@ -3,8 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const FilterPill = require("../data/FilterPill.cjs");
+const filterBarUtils = require("./filter-bar-utils.cjs");
 const Icon = require("../data/Icon.cjs");
-const Timestamp = require("../data/cells/Timestamp.cjs");
+const timestampFormat = require("../data/cells/timestamp-format.cjs");
 const utils = require("../lib/utils.cjs");
 const button = require("./button.cjs");
 const Combobox = require("./Combobox.cjs");
@@ -117,7 +118,7 @@ function FilterBar({
   }, [measureOverflow, responsiveOverflow]);
   const inlineFilters = responsiveOverflow ? allFilters.slice(0, Math.min(visibleFilterCount, allFilters.length)) : allFilters;
   const overflowFilters = responsiveOverflow ? allFilters.slice(Math.min(visibleFilterCount, allFilters.length)) : [];
-  const activeOverflowCount = overflowFilters.filter(isFilterBarFilterActive).length;
+  const activeOverflowCount = overflowFilters.filter(filterBarUtils.isFilterBarFilterActive).length;
   const setFilterNode = react.useCallback((key, node) => {
     if (!node) {
       filterNodeRefs.current.delete(key);
@@ -331,8 +332,8 @@ function OverflowFiltersMenu({
                     {
                       type: "button",
                       className: "rounded px-1.5 py-0.5 text-xs text-primary transition-colors hover:bg-accent focus:bg-accent focus:outline-none disabled:text-muted-foreground",
-                      onClick: () => stagedFilters.forEach(clearFilterBarFilter),
-                      disabled: stagedFilters.every((filter) => !isFilterBarFilterActive(filter)),
+                      onClick: () => stagedFilters.forEach(filterBarUtils.clearFilterBarFilter),
+                      disabled: stagedFilters.every((filter) => !filterBarUtils.isFilterBarFilterActive(filter)),
                       children: "Clear all"
                     }
                   ),
@@ -350,7 +351,7 @@ function OverflowFiltersMenu({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/70 rounded-md border border-border/70", children: stagedFilters.map((filter) => {
-                const active = isFilterBarFilterActive(filter);
+                const active = filterBarUtils.isFilterBarFilterActive(filter);
                 return /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
@@ -378,7 +379,7 @@ function OverflowFiltersMenu({
                           "aria-label": `Clear ${filter.label}`,
                           title: `Clear ${filter.label}`,
                           className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none disabled:text-muted-foreground/40",
-                          onClick: () => clearFilterBarFilter(filter),
+                          onClick: () => filterBarUtils.clearFilterBarFilter(filter),
                           disabled: !active,
                           children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "text-sm" })
                         }
@@ -738,7 +739,7 @@ function lookupFieldWidthClass(grow) {
 function LookupFilterField({ filter, grow }) {
   const [draft, setDraft] = useDebouncedTextDraft(filter.value, filter.onChange);
   if (filter.inputType === "date" || filter.inputType === "number") {
-    const dateTitle = filter.inputType === "date" && draft ? Timestamp.formatDateTimeRelative(draft) : void 0;
+    const dateTitle = filter.inputType === "date" && draft ? timestampFormat.formatDateTimeRelative(draft) : void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
       {
@@ -1981,38 +1982,6 @@ function nextFilterMode(mode) {
   if (mode === "exclude") return "neutral";
   return "include";
 }
-function clearFilterBarFilter(filter) {
-  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "enum") {
-    filter.onChange("");
-    return;
-  }
-  if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
-    filter.onChange([]);
-    return;
-  }
-  if (filter.kind === "number") {
-    filter.onChange({});
-    return;
-  }
-  if (filter.kind === "boolean") {
-    filter.onChange(false);
-    return;
-  }
-  filter.onChange({});
-}
-function isFilterBarFilterActive(filter) {
-  if (filter.kind === "text" || filter.kind === "lookup" || filter.kind === "enum") {
-    return String(filter.value ?? "").trim() !== "";
-  }
-  if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
-    return filter.value.length > 0;
-  }
-  if (filter.kind === "number") {
-    return String(filter.value.min ?? "").trim() !== "" || String(filter.value.max ?? "").trim() !== "";
-  }
-  if (filter.kind === "boolean") return filter.value;
-  return Object.keys(filter.value).length > 0;
-}
 function createFilterValueMap(filters) {
   return Object.fromEntries(filters.map((filter) => [filter.key, filterBarFilterValue(filter)]));
 }
@@ -2142,6 +2111,4 @@ function estimateFilterWidth(filter) {
 exports.FilterBar = FilterBar;
 exports.FilterBarFilterPanel = FilterBarFilterPanel;
 exports.FilterBarRangePanel = FilterBarRangePanel;
-exports.clearFilterBarFilter = clearFilterBarFilter;
-exports.isFilterBarFilterActive = isFilterBarFilterActive;
 //# sourceMappingURL=FilterBar.cjs.map