@ds-mo/ui 14.19.1 → 14.20.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-27T01:45:52",
+  "timestamp": "2026-08-27T04:39:44",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -2036,6 +2036,7 @@
         "ds-button-filled",
         "ds-button-unfilled",
         "ds-conversation-list-item",
+        "ds-filter-menu",
         "ds-menu",
         "ds-mobile-bar-nav",
         "ds-mobile-sheet-nav",
@@ -2062,6 +2063,9 @@
         "ds-conversation-list-item": [
           "ds-badge"
         ],
+        "ds-filter-menu": [
+          "ds-badge"
+        ],
         "ds-menu": [
           "ds-badge"
         ],
@@ -9800,6 +9804,46 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "footerLayout",
+          "type": "\"categories-clear\" | \"summary\"",
+          "complexType": {
+            "original": "FilterMenuFooterLayout",
+            "resolved": "\"categories-clear\" | \"summary\"",
+            "references": {
+              "FilterMenuFooterLayout": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/FilterMenu/FilterMenu.tsx",
+                "id": "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuFooterLayout"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "footer-layout",
+          "reflectToAttr": false,
+          "docs": "Footer recipe: full-width selected summary or reserved category-pane Clear action.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'summary'"
+            }
+          ],
+          "default": "'summary'",
+          "values": [
+            {
+              "value": "categories-clear",
+              "type": "string"
+            },
+            {
+              "value": "summary",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "hasBorder",
           "type": "boolean",
@@ -10003,6 +10047,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "showSelectedCount",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-selected-count",
+          "reflectToAttr": false,
+          "docs": "Append the active-filter count to the visible trigger label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "side",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\"",
@@ -10143,7 +10216,7 @@
           "mutable": false,
           "attr": "trigger-label",
           "reflectToAttr": false,
-          "docs": "Select trigger text. The selected count is appended automatically.",
+          "docs": "Select trigger text.",
           "docsTags": [
             {
               "name": "default",
@@ -10347,25 +10420,26 @@
         "ds-table-filter"
       ],
       "dependencies": [
-        "ds-checkbox",
-        "ds-text",
         "ds-button-unfilled",
+        "ds-text",
+        "ds-tab-group",
+        "ds-checkbox",
         "ds-tooltip",
         "ds-icon",
+        "ds-badge",
         "ds-tag"
       ],
       "dependencyGraph": {
         "ds-filter-menu": [
-          "ds-checkbox",
-          "ds-text",
           "ds-button-unfilled",
+          "ds-text",
+          "ds-tab-group",
+          "ds-checkbox",
           "ds-tooltip",
           "ds-icon",
+          "ds-badge",
           "ds-tag"
         ],
-        "ds-checkbox": [
-          "ds-text"
-        ],
         "ds-button-unfilled": [
           "ds-tooltip",
           "ds-loader",
@@ -10379,6 +10453,14 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-tab-group": [
+          "ds-icon",
+          "ds-text",
+          "ds-badge"
+        ],
+        "ds-checkbox": [
+          "ds-text"
+        ],
         "ds-tag": [
           "ds-icon",
           "ds-text"
@@ -25519,6 +25601,7 @@
       "parts": [],
       "states": [],
       "dependents": [
+        "ds-filter-menu",
         "ds-mobile-header",
         "ds-mobile-sheet-nav"
       ],
@@ -25536,6 +25619,9 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-filter-menu": [
+          "ds-tab-group"
+        ],
         "ds-mobile-header": [
           "ds-tab-group"
         ],
@@ -28020,16 +28106,15 @@
           "ds-filter-menu"
         ],
         "ds-filter-menu": [
-          "ds-checkbox",
-          "ds-text",
           "ds-button-unfilled",
+          "ds-text",
+          "ds-tab-group",
+          "ds-checkbox",
           "ds-tooltip",
           "ds-icon",
+          "ds-badge",
           "ds-tag"
         ],
-        "ds-checkbox": [
-          "ds-text"
-        ],
         "ds-button-unfilled": [
           "ds-tooltip",
           "ds-loader",
@@ -28043,6 +28128,14 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-tab-group": [
+          "ds-icon",
+          "ds-text",
+          "ds-badge"
+        ],
+        "ds-checkbox": [
+          "ds-text"
+        ],
         "ds-tag": [
           "ds-icon",
           "ds-text"
@@ -31557,6 +31650,11 @@
       "docstring": "",
       "path": "src/wc/utils/anchored-position.ts"
     },
+    "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuFooterLayout": {
+      "declaration": "export type FilterMenuFooterLayout = 'summary' | 'categories-clear';",
+      "docstring": "",
+      "path": "src/wc/components/FilterMenu/FilterMenu.tsx"
+    },
     "src/wc/components/FilterMenu/FilterMenu.tsx::FilterMenuChangeDetail": {
       "declaration": "export interface FilterMenuChangeDetail {\n  filterId: string;\n  value: FilterMenuValue;\n}",
       "docstring": "",

package/dist/lib/utils/date-filter-value.d.ts

@@ -0,0 +1,57 @@
+export declare const DATE_FILTER_RELATIVE_PRESETS: readonly [{
+    readonly label: "Today";
+    readonly value: "today";
+    readonly days: 1;
+    readonly offset: 0;
+}, {
+    readonly label: "Yesterday";
+    readonly value: "yesterday";
+    readonly days: 1;
+    readonly offset: -1;
+}, {
+    readonly label: "Last 7 days";
+    readonly value: "last-7-days";
+    readonly days: 7;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 14 days";
+    readonly value: "last-14-days";
+    readonly days: 14;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 30 days";
+    readonly value: "last-30-days";
+    readonly days: 30;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 60 days";
+    readonly value: "last-60-days";
+    readonly days: 60;
+    readonly offset: 0;
+}, {
+    readonly label: "Last 90 days";
+    readonly value: "last-90-days";
+    readonly days: 90;
+    readonly offset: 0;
+}];
+export type DateFilterRelativePreset = (typeof DATE_FILTER_RELATIVE_PRESETS)[number]['value'];
+export type DateFilterRelativeValue = `relative:${DateFilterRelativePreset}`;
+export type DateFilterRangeValue = `range:${string}/${string}`;
+export type DateFilterValue = DateFilterRelativeValue | DateFilterRangeValue;
+export interface DateFilterRange {
+    start: string;
+    end: string;
+}
+export type ParsedDateFilterValue = {
+    kind: 'relative';
+    preset: DateFilterRelativePreset;
+} | ({
+    kind: 'range';
+} & DateFilterRange);
+export declare function isIsoCalendarDate(value: string): boolean;
+export declare function shiftIsoCalendarDate(value: string, days: number): string;
+export declare function dateFilterRelativeValue(preset: DateFilterRelativePreset): DateFilterRelativeValue;
+export declare function dateFilterRangeValue(start: string, end?: string): DateFilterRangeValue;
+export declare function parseDateFilterValue(value: unknown): ParsedDateFilterValue | null;
+export declare function normalizeDateFilterValue(value: unknown): DateFilterValue | '';
+export declare function resolveDateFilterRange(value: unknown, referenceDate: string): DateFilterRange | null;

package/dist/lib/utils/index.d.ts

@@ -25,3 +25,5 @@ export { CONTROL_SUPPORTING_TEXT_VARIANT, CONTROL_TEXT_VARIANT } from './control
 export type { ControlInsetDepth, ControlSize } from './control-text';
 export { choicePopupMinWidth, resolveChoicePopupAlignOffset } from './choice-popup-alignment';
 export type { ChoicePopupAnchorAlignment } from './choice-popup-alignment';
+export { DATE_FILTER_RELATIVE_PRESETS, dateFilterRangeValue, dateFilterRelativeValue, isIsoCalendarDate, normalizeDateFilterValue, parseDateFilterValue, resolveDateFilterRange, shiftIsoCalendarDate, } from './date-filter-value';
+export type { DateFilterRange, DateFilterRangeValue, DateFilterRelativePreset, DateFilterRelativeValue, DateFilterValue, ParsedDateFilterValue, } from './date-filter-value';

package/dist/lib/utils/index.js

@@ -1057,9 +1057,69 @@ function resolveChoicePopupAlignOffset({
 function choicePopupMinWidth(anchorWidth, sectionInsetPx) {
   return anchorWidth + sectionInsetPx * 2;
 }
+
+// src/wc/utils/date-filter-value.ts
+var DATE_FILTER_RELATIVE_PRESETS = [
+  { label: "Today", value: "today", days: 1, offset: 0 },
+  { label: "Yesterday", value: "yesterday", days: 1, offset: -1 },
+  { label: "Last 7 days", value: "last-7-days", days: 7, offset: 0 },
+  { label: "Last 14 days", value: "last-14-days", days: 14, offset: 0 },
+  { label: "Last 30 days", value: "last-30-days", days: 30, offset: 0 },
+  { label: "Last 60 days", value: "last-60-days", days: 60, offset: 0 },
+  { label: "Last 90 days", value: "last-90-days", days: 90, offset: 0 }
+];
+var ISO_DATE_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
+function isIsoCalendarDate(value) {
+  if (!ISO_DATE_PATTERN.test(value)) return false;
+  const [year, month, day] = value.split("-").map(Number);
+  const date = new Date(Date.UTC(year, month - 1, day));
+  return date.getUTCFullYear() === year && date.getUTCMonth() === month - 1 && date.getUTCDate() === day;
+}
+function shiftIsoCalendarDate(value, days) {
+  if (!isIsoCalendarDate(value)) return "";
+  const [year, month, day] = value.split("-").map(Number);
+  const date = new Date(Date.UTC(year, month - 1, day + days));
+  return date.toISOString().slice(0, 10);
+}
+function dateFilterRelativeValue(preset) {
+  return `relative:${preset}`;
+}
+function dateFilterRangeValue(start, end = start) {
+  const ordered = start <= end ? [start, end] : [end, start];
+  return `range:${ordered[0]}/${ordered[1]}`;
+}
+function parseDateFilterValue(value) {
+  if (typeof value !== "string" || !value) return null;
+  if (value.startsWith("relative:")) {
+    const preset = value.slice("relative:".length);
+    return DATE_FILTER_RELATIVE_PRESETS.some((candidate) => candidate.value === preset) ? { kind: "relative", preset } : null;
+  }
+  if (value.startsWith("range:")) {
+    const [start, end, ...rest] = value.slice("range:".length).split("/");
+    if (rest.length || !isIsoCalendarDate(start) || !isIsoCalendarDate(end)) return null;
+    return start <= end ? { kind: "range", start, end } : { kind: "range", start: end, end: start };
+  }
+  return isIsoCalendarDate(value) ? { kind: "range", start: value, end: value } : null;
+}
+function normalizeDateFilterValue(value) {
+  const parsed = parseDateFilterValue(value);
+  if (!parsed) return "";
+  return parsed.kind === "relative" ? dateFilterRelativeValue(parsed.preset) : dateFilterRangeValue(parsed.start, parsed.end);
+}
+function resolveDateFilterRange(value, referenceDate) {
+  if (!isIsoCalendarDate(referenceDate)) return null;
+  const parsed = parseDateFilterValue(value);
+  if (!parsed) return null;
+  if (parsed.kind === "range") return { start: parsed.start, end: parsed.end };
+  const preset = DATE_FILTER_RELATIVE_PRESETS.find((candidate) => candidate.value === parsed.preset);
+  if (!preset) return null;
+  const end = shiftIsoCalendarDate(referenceDate, preset.offset);
+  return { start: shiftIsoCalendarDate(end, -(preset.days - 1)), end };
+}
 export {
   CONTROL_SUPPORTING_TEXT_VARIANT,
   CONTROL_TEXT_VARIANT,
+  DATE_FILTER_RELATIVE_PRESETS,
   DEFAULT_REQUIRED_MESSAGE,
   SCROLL_EDGE_FADE_DEFAULT_SIZE,
   SCROLL_EDGE_FADE_SIZE_VAR,
@@ -1080,16 +1140,21 @@ export {
   computeMetricChange,
   controlWidthClass,
   cumulativeBins,
+  dateFilterRangeValue,
+  dateFilterRelativeValue,
   defineChart,
   densityX,
   dot,
   formatCompactNumber,
   formatPercentage,
   isElementTruncated,
+  isIsoCalendarDate,
   isScrollAtEdge,
   lineY,
+  normalizeDateFilterValue,
   normalizeStack,
   parseCssTimeMs,
+  parseDateFilterValue,
   pieLayout,
   polar,
   prefersReducedMotion,
@@ -1101,6 +1166,7 @@ export {
   resolveChoicePopupAlignOffset,
   resolveCssLengthPx,
   resolveCssTimeMs,
+  resolveDateFilterRange,
   resolveMetricTrend,
   resolveMotionTimeMs,
   resolveSafeUrl,
@@ -1117,6 +1183,7 @@ export {
   setFormControlValue,
   setRepeatedFormControlValue,
   setRequiredValidity,
+  shiftIsoCalendarDate,
   textMark,
   truncateSvgTextToWidth
 };