tempest-react-sdk 0.77.0 → 0.79.0

package/dist/components/FilterBar/FilterBar.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.module.js","names":[],"sources":["../../../src/components/FilterBar/FilterBar.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n}\n\n.chips {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-1) var(--tempest-space-1)\n        var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.empty {\n    color: var(--tempest-text-muted);\n}\n\n.remove {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: none;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.remove:hover {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text);\n}\n\n/*\n * The editor wraps as a whole on a narrow screen: field, condition and value each\n * keep a usable width instead of shrinking into three unreadable boxes.\n */\n.editor {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n}\n\n.control {\n    display: inline-flex;\n    min-width: 0;\n}\n\n.select,\n.input {\n    min-width: 7rem;\n    max-width: 14rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n}\n\n.select:focus-visible,\n.input:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.primary,\n.secondary,\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    cursor: pointer;\n}\n\n.primary {\n    border: none;\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.secondary {\n    border: 1px dashed var(--tempest-border-strong);\n    background-color: transparent;\n    color: var(--tempest-text);\n}\n\n.secondary:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.ghost {\n    border: none;\n    background: none;\n    color: var(--tempest-text-muted);\n    text-decoration: underline;\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.ghost:focus-visible,\n.remove:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n"],"mappings":";"}
+{"version":3,"file":"FilterBar.module.js","names":["bar","chips","chip","empty","remove","editor","control","select","input","actions","primary","secondary","ghost","FilterBar_module_default"],"sources":["../../../src/components/FilterBar/FilterBar.module.css"],"sourcesContent":[".bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n}\n\n.chips {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-1) var(--tempest-space-1)\n        var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n}\n\n.empty {\n    color: var(--tempest-text-muted);\n}\n\n.remove {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    background: none;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-base);\n    line-height: 1;\n    cursor: pointer;\n}\n\n.remove:hover {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text);\n}\n\n/*\n * The editor wraps as a whole on a narrow screen: field, condition and value each\n * keep a usable width instead of shrinking into three unreadable boxes.\n */\n.editor {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n}\n\n.control {\n    display: inline-flex;\n    min-width: 0;\n}\n\n.select,\n.input {\n    min-width: 7rem;\n    max-width: 14rem;\n    padding: var(--tempest-space-1) var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    color: inherit;\n    font: inherit;\n}\n\n.select:focus-visible,\n.input:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: calc(var(--tempest-focus-ring-width) * -1);\n}\n\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-2);\n}\n\n.primary,\n.secondary,\n.ghost {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-md);\n    font: inherit;\n    cursor: pointer;\n}\n\n.primary {\n    border: none;\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.primary:disabled {\n    background-color: var(--tempest-surface-3);\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.secondary {\n    border: 1px dashed var(--tempest-border-strong);\n    background-color: transparent;\n    color: var(--tempest-text);\n}\n\n.secondary:disabled {\n    color: var(--tempest-text-subtle);\n    cursor: not-allowed;\n}\n\n.ghost {\n    border: none;\n    background: none;\n    color: var(--tempest-text-muted);\n    text-decoration: underline;\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.ghost:focus-visible,\n.remove:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 1px;\n}\n"],"mappings":";"}

package/dist/components/FilterBar/filter-apply.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-apply.cjs","names":[],"sources":["../../../src/components/FilterBar/filter-apply.ts"],"sourcesContent":["// The other half of the filter model: evaluating a `Filter[]` instead of only\n// describing it. `FilterBar` produces filters, `applyFilters` runs them over an\n// in-memory list, and `filtersToQueryParams` (filter-query.ts) hands the same set\n// to a paginated backend. Without these two the model stops one step short of\n// useful and every app writes the eleven operator branches again.\n\nimport { formatDateForInput } from \"@/utils/format\";\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\n\n/** Matches a plain `yyyy-mm-dd`, the shape `<input type=\"date\">` produces. */\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * One collator for every text comparison in this module.\n *\n * `localeCompare(value, undefined, { numeric: true })` builds a collator on each\n * call — passing an options bag opts out of the engine's cached-default fast\n * path — and this comparison runs once per row per filter. Measured at 200k\n * comparisons: 453 ms through `localeCompare` against 25 ms through a hoisted\n * collator, i.e. ~23 ms of main thread per keystroke on a 10k-row list.\n */\nconst TEXT_COLLATOR = new Intl.Collator(undefined, { numeric: true });\n\n/**\n * Read a property off a row without asserting the row's shape.\n *\n * `Filter.field` is a string chosen by the app's field list, so it cannot be a\n * `keyof T`; the lookup goes through an index signature and a missing property\n * yields `undefined`, which the operators treat as an empty value.\n *\n * @param item - The row being tested.\n * @param field - Property name from the filter.\n * @returns The property value, or `undefined` when the row has no such key.\n */\nfunction readField(item: unknown, field: string): unknown {\n    if (item == null || typeof item !== \"object\") return undefined;\n    return (item as Record<string, unknown>)[field];\n}\n\n/**\n * Local `yyyy-mm-dd` for a value that represents a date, or `null`.\n *\n * Delegates the formatting to {@link formatDateForInput}, which owns the rule\n * that the key is built from the local calendar parts rather than `toISOString`.\n * This adds only the narrowing from `unknown` and maps \"not a date\" to `null`\n * instead of to the empty string a date input wants.\n *\n * @param value - A `Date`, a date-ish string, or anything else.\n * @returns The day key, or `null` when the value does not denote a date.\n */\nfunction dayKey(value: unknown): string | null {\n    if (value instanceof Date) return formatDateForInput(value) || null;\n    if (typeof value !== \"string\" || value.trim() === \"\") return null;\n    return formatDateForInput(value) || null;\n}\n\n/**\n * Compare a row value against a filter value, in the row value's own type.\n *\n * The filter always carries strings — it comes from form inputs and from the\n * URL — while the row carries whatever the API returned. Comparing them as text\n * gets the two common cases wrong: `10` would sort before `9`, and a date would\n * be compared by however it happens to be formatted. So the row value picks the\n * comparison, and the filter value is coerced into it.\n *\n * Dates compare by **day**, not by instant: a row stamped `2026-03-05T13:00:00Z`\n * is `>= 2026-03-05`, which is what the person picking a date in the UI means.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Negative, zero or positive, or `null` when the two cannot be compared.\n */\nfunction compare(left: unknown, right: string): number | null {\n    if (left == null) return null;\n\n    if (typeof left === \"number\") {\n        const parsed = Number(right);\n        return Number.isNaN(parsed) ? null : left - parsed;\n    }\n\n    if (typeof left === \"boolean\") {\n        const parsed = right === \"true\" ? true : right === \"false\" ? false : null;\n        return parsed === null ? null : Number(left) - Number(parsed);\n    }\n\n    if (DATE_ONLY.test(right)) {\n        const key = dayKey(left);\n        return key === null ? null : key.localeCompare(right);\n    }\n\n    return TEXT_COLLATOR.compare(String(left), right);\n}\n\n/**\n * Equality in the row value's type, falling back to exact text.\n *\n * Case-sensitive on purpose: `eq` maps to a plain `WHERE column = value` on the\n * server side, so a case-insensitive client would quietly disagree with the\n * backend for the same filter. `contains` is the case-insensitive operator, and\n * it is also the default one for text fields, so the friendly behaviour is what\n * people get without asking.\n *\n * Identical strings take a fast path out, since the row value is text in the\n * common case and the collator is the expensive part.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Whether the two are equal.\n */\nfunction equals(left: unknown, right: string): boolean {\n    if (left === right) return true;\n    const result = compare(left, right);\n    if (result !== null) return result === 0;\n    return String(left ?? \"\") === right;\n}\n\n/**\n * Is this row value empty?\n *\n * Empty means absent, blank text or an empty list — never falsy. `0` and `false`\n * are values somebody chose, and a filter that hid them would be reporting the\n * wrong count on every dashboard that tracks zeroes.\n *\n * @param value - The row value.\n * @returns Whether the value counts as empty.\n */\nfunction isEmptyValue(value: unknown): boolean {\n    if (value == null) return true;\n    if (typeof value === \"string\") return value.trim() === \"\";\n    if (Array.isArray(value)) return value.length === 0;\n    return false;\n}\n\n/**\n * The filter's value as a list, whatever arity the operator uses.\n *\n * @param filter - The filter to read.\n * @returns Its values, trimmed of nothing — a leading space may be meaningful text.\n */\nfunction valuesOf(filter: Filter): string[] {\n    if (filter.value === undefined) return [];\n    return Array.isArray(filter.value) ? [...filter.value] : [String(filter.value)];\n}\n\n/**\n * Evaluate one operator against one row value.\n *\n * @param operator - The comparison to make.\n * @param left - The row value.\n * @param values - The filter values (one, two for `between`, many for `in`).\n * @returns Whether the row value satisfies the operator.\n */\nfunction matchesOperator(operator: FilterOperator, left: unknown, values: string[]): boolean {\n    switch (operator) {\n        case \"empty\":\n            return isEmptyValue(left);\n        case \"notEmpty\":\n            return !isEmptyValue(left);\n        case \"eq\":\n            return equals(left, values[0] ?? \"\");\n        case \"ne\":\n            return !equals(left, values[0] ?? \"\");\n        case \"contains\":\n            return String(left ?? \"\")\n                .toLowerCase()\n                .includes((values[0] ?? \"\").toLowerCase());\n        case \"in\":\n            return values.some((value) => equals(left, value));\n        case \"between\": {\n            const [first = \"\", second = \"\"] = values;\n            const low = compare(left, first);\n            const high = compare(left, second);\n            if (low === null || high === null) return false;\n            return low >= 0 && high <= 0;\n        }\n        default: {\n            const result = compare(left, values[0] ?? \"\");\n            if (result === null) return false;\n            if (operator === \"gt\") return result > 0;\n            if (operator === \"gte\") return result >= 0;\n            if (operator === \"lt\") return result < 0;\n            return result <= 0;\n        }\n    }\n}\n\n/**\n * Order the two values of a `between` so the range is never empty by accident.\n *\n * A person who picks the later date first means the range between the two dates,\n * not \"no rows\". The server-side `BETWEEN` needs `(lo, hi)` in order too, which\n * is why the normalisation lives here and is shared by `filtersToQueryParams`.\n *\n * @param values - The raw pair.\n * @returns The pair, ascending.\n */\nexport function orderRange(values: readonly string[]): string[] {\n    const [first = \"\", second = \"\"] = values;\n    if (DATE_ONLY.test(first) && DATE_ONLY.test(second)) {\n        return first <= second ? [first, second] : [second, first];\n    }\n    const low = Number(first);\n    const high = Number(second);\n    if (!Number.isNaN(low) && !Number.isNaN(high)) {\n        return low <= high ? [first, second] : [second, first];\n    }\n    return TEXT_COLLATOR.compare(first, second) <= 0 ? [first, second] : [second, first];\n}\n\n/**\n * Run a filter set over an in-memory list.\n *\n * Closes the loop `FilterBar` opens: the bar produces `Filter[]`, this applies\n * them. Filters combine with `AND`, matching the flat model the bar builds, and\n * an incomplete filter is skipped rather than treated as a match of nothing — a\n * half-filled form should not empty the table underneath it.\n *\n * Comparison follows the row's type, not the filter's: numbers compare\n * numerically, dates compare by day, and everything else compares as text with\n * `numeric: true` so `\"item 2\"` lands before `\"item 10\"`.\n *\n * A few behaviours differ from the SQL the server-side twin produces, and the\n * difference is deliberate rather than accidental:\n *\n * - `ne` matches rows whose value is absent. In SQL, `column <> 'x'` is `NULL`\n *   for a `NULL` column and the row drops out. Here \"is not paid\" shows the rows\n *   with no status at all, which is what the chip claims.\n * - `empty` matches `NULL`, blank text and empty lists; `__isnull` on the server\n *   only matches `NULL`. A column that stores `\"\"` instead of `NULL` is where\n *   the two disagree.\n *\n * @example\n * const visible = applyFilters(orders, filters);\n *\n * Each filter's values are normalised once, before the scan, rather than inside\n * the per-row predicate: the arity, the `between` ordering and the value array\n * depend only on the filter, so deriving them per row multiplied that work by\n * the row count. `empty`/`notEmpty` ignore their values entirely, which is why\n * the prepared shape does not need to distinguish them.\n *\n * @param items - The full list.\n * @param filters - Applied filters; incomplete ones are ignored.\n * @returns A new array with the rows that satisfy every complete filter.\n */\nexport function applyFilters<T>(items: readonly T[], filters: readonly Filter[]): T[] {\n    const active = filters.filter(isComplete).map((filter) => ({\n        field: filter.field,\n        operator: filter.operator,\n        values: filter.operator === \"between\" ? orderRange(valuesOf(filter)) : valuesOf(filter),\n    }));\n    if (active.length === 0) return [...items];\n\n    return items.filter((item) =>\n        active.every(({ field, operator, values }) =>\n            matchesOperator(operator, readField(item, field), values),\n        ),\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"filter-apply.cjs","names":["formatDateForInput","isComplete","require_filter_model","require_format","DATE_ONLY","TEXT_COLLATOR","readField","item","field","dayKey","value","compare","left","parsed","right","key","equals","result","isEmptyValue","valuesOf","filter","matchesOperator","operator","values","first","second","low","high","orderRange","applyFilters","active","filters","items"],"sources":["../../../src/components/FilterBar/filter-apply.ts"],"sourcesContent":["// The other half of the filter model: evaluating a `Filter[]` instead of only\n// describing it. `FilterBar` produces filters, `applyFilters` runs them over an\n// in-memory list, and `filtersToQueryParams` (filter-query.ts) hands the same set\n// to a paginated backend. Without these two the model stops one step short of\n// useful and every app writes the eleven operator branches again.\n\nimport { formatDateForInput } from \"@/utils/format\";\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\n\n/** Matches a plain `yyyy-mm-dd`, the shape `<input type=\"date\">` produces. */\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * One collator for every text comparison in this module.\n *\n * `localeCompare(value, undefined, { numeric: true })` builds a collator on each\n * call — passing an options bag opts out of the engine's cached-default fast\n * path — and this comparison runs once per row per filter. Measured at 200k\n * comparisons: 453 ms through `localeCompare` against 25 ms through a hoisted\n * collator, i.e. ~23 ms of main thread per keystroke on a 10k-row list.\n */\nconst TEXT_COLLATOR = new Intl.Collator(undefined, { numeric: true });\n\n/**\n * Read a property off a row without asserting the row's shape.\n *\n * `Filter.field` is a string chosen by the app's field list, so it cannot be a\n * `keyof T`; the lookup goes through an index signature and a missing property\n * yields `undefined`, which the operators treat as an empty value.\n *\n * @param item - The row being tested.\n * @param field - Property name from the filter.\n * @returns The property value, or `undefined` when the row has no such key.\n */\nfunction readField(item: unknown, field: string): unknown {\n    if (item == null || typeof item !== \"object\") return undefined;\n    return (item as Record<string, unknown>)[field];\n}\n\n/**\n * Local `yyyy-mm-dd` for a value that represents a date, or `null`.\n *\n * Delegates the formatting to {@link formatDateForInput}, which owns the rule\n * that the key is built from the local calendar parts rather than `toISOString`.\n * This adds only the narrowing from `unknown` and maps \"not a date\" to `null`\n * instead of to the empty string a date input wants.\n *\n * @param value - A `Date`, a date-ish string, or anything else.\n * @returns The day key, or `null` when the value does not denote a date.\n */\nfunction dayKey(value: unknown): string | null {\n    if (value instanceof Date) return formatDateForInput(value) || null;\n    if (typeof value !== \"string\" || value.trim() === \"\") return null;\n    return formatDateForInput(value) || null;\n}\n\n/**\n * Compare a row value against a filter value, in the row value's own type.\n *\n * The filter always carries strings — it comes from form inputs and from the\n * URL — while the row carries whatever the API returned. Comparing them as text\n * gets the two common cases wrong: `10` would sort before `9`, and a date would\n * be compared by however it happens to be formatted. So the row value picks the\n * comparison, and the filter value is coerced into it.\n *\n * Dates compare by **day**, not by instant: a row stamped `2026-03-05T13:00:00Z`\n * is `>= 2026-03-05`, which is what the person picking a date in the UI means.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Negative, zero or positive, or `null` when the two cannot be compared.\n */\nfunction compare(left: unknown, right: string): number | null {\n    if (left == null) return null;\n\n    if (typeof left === \"number\") {\n        const parsed = Number(right);\n        return Number.isNaN(parsed) ? null : left - parsed;\n    }\n\n    if (typeof left === \"boolean\") {\n        const parsed = right === \"true\" ? true : right === \"false\" ? false : null;\n        return parsed === null ? null : Number(left) - Number(parsed);\n    }\n\n    if (DATE_ONLY.test(right)) {\n        const key = dayKey(left);\n        return key === null ? null : key.localeCompare(right);\n    }\n\n    return TEXT_COLLATOR.compare(String(left), right);\n}\n\n/**\n * Equality in the row value's type, falling back to exact text.\n *\n * Case-sensitive on purpose: `eq` maps to a plain `WHERE column = value` on the\n * server side, so a case-insensitive client would quietly disagree with the\n * backend for the same filter. `contains` is the case-insensitive operator, and\n * it is also the default one for text fields, so the friendly behaviour is what\n * people get without asking.\n *\n * Identical strings take a fast path out, since the row value is text in the\n * common case and the collator is the expensive part.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Whether the two are equal.\n */\nfunction equals(left: unknown, right: string): boolean {\n    if (left === right) return true;\n    const result = compare(left, right);\n    if (result !== null) return result === 0;\n    return String(left ?? \"\") === right;\n}\n\n/**\n * Is this row value empty?\n *\n * Empty means absent, blank text or an empty list — never falsy. `0` and `false`\n * are values somebody chose, and a filter that hid them would be reporting the\n * wrong count on every dashboard that tracks zeroes.\n *\n * @param value - The row value.\n * @returns Whether the value counts as empty.\n */\nfunction isEmptyValue(value: unknown): boolean {\n    if (value == null) return true;\n    if (typeof value === \"string\") return value.trim() === \"\";\n    if (Array.isArray(value)) return value.length === 0;\n    return false;\n}\n\n/**\n * The filter's value as a list, whatever arity the operator uses.\n *\n * @param filter - The filter to read.\n * @returns Its values, trimmed of nothing — a leading space may be meaningful text.\n */\nfunction valuesOf(filter: Filter): string[] {\n    if (filter.value === undefined) return [];\n    return Array.isArray(filter.value) ? [...filter.value] : [String(filter.value)];\n}\n\n/**\n * Evaluate one operator against one row value.\n *\n * @param operator - The comparison to make.\n * @param left - The row value.\n * @param values - The filter values (one, two for `between`, many for `in`).\n * @returns Whether the row value satisfies the operator.\n */\nfunction matchesOperator(operator: FilterOperator, left: unknown, values: string[]): boolean {\n    switch (operator) {\n        case \"empty\":\n            return isEmptyValue(left);\n        case \"notEmpty\":\n            return !isEmptyValue(left);\n        case \"eq\":\n            return equals(left, values[0] ?? \"\");\n        case \"ne\":\n            return !equals(left, values[0] ?? \"\");\n        case \"contains\":\n            return String(left ?? \"\")\n                .toLowerCase()\n                .includes((values[0] ?? \"\").toLowerCase());\n        case \"in\":\n            return values.some((value) => equals(left, value));\n        case \"between\": {\n            const [first = \"\", second = \"\"] = values;\n            const low = compare(left, first);\n            const high = compare(left, second);\n            if (low === null || high === null) return false;\n            return low >= 0 && high <= 0;\n        }\n        default: {\n            const result = compare(left, values[0] ?? \"\");\n            if (result === null) return false;\n            if (operator === \"gt\") return result > 0;\n            if (operator === \"gte\") return result >= 0;\n            if (operator === \"lt\") return result < 0;\n            return result <= 0;\n        }\n    }\n}\n\n/**\n * Order the two values of a `between` so the range is never empty by accident.\n *\n * A person who picks the later date first means the range between the two dates,\n * not \"no rows\". The server-side `BETWEEN` needs `(lo, hi)` in order too, which\n * is why the normalisation lives here and is shared by `filtersToQueryParams`.\n *\n * @param values - The raw pair.\n * @returns The pair, ascending.\n */\nexport function orderRange(values: readonly string[]): string[] {\n    const [first = \"\", second = \"\"] = values;\n    if (DATE_ONLY.test(first) && DATE_ONLY.test(second)) {\n        return first <= second ? [first, second] : [second, first];\n    }\n    const low = Number(first);\n    const high = Number(second);\n    if (!Number.isNaN(low) && !Number.isNaN(high)) {\n        return low <= high ? [first, second] : [second, first];\n    }\n    return TEXT_COLLATOR.compare(first, second) <= 0 ? [first, second] : [second, first];\n}\n\n/**\n * Run a filter set over an in-memory list.\n *\n * Closes the loop `FilterBar` opens: the bar produces `Filter[]`, this applies\n * them. Filters combine with `AND`, matching the flat model the bar builds, and\n * an incomplete filter is skipped rather than treated as a match of nothing — a\n * half-filled form should not empty the table underneath it.\n *\n * Comparison follows the row's type, not the filter's: numbers compare\n * numerically, dates compare by day, and everything else compares as text with\n * `numeric: true` so `\"item 2\"` lands before `\"item 10\"`.\n *\n * A few behaviours differ from the SQL the server-side twin produces, and the\n * difference is deliberate rather than accidental:\n *\n * - `ne` matches rows whose value is absent. In SQL, `column <> 'x'` is `NULL`\n *   for a `NULL` column and the row drops out. Here \"is not paid\" shows the rows\n *   with no status at all, which is what the chip claims.\n * - `empty` matches `NULL`, blank text and empty lists; `__isnull` on the server\n *   only matches `NULL`. A column that stores `\"\"` instead of `NULL` is where\n *   the two disagree.\n *\n * @example\n * const visible = applyFilters(orders, filters);\n *\n * Each filter's values are normalised once, before the scan, rather than inside\n * the per-row predicate: the arity, the `between` ordering and the value array\n * depend only on the filter, so deriving them per row multiplied that work by\n * the row count. `empty`/`notEmpty` ignore their values entirely, which is why\n * the prepared shape does not need to distinguish them.\n *\n * @param items - The full list.\n * @param filters - Applied filters; incomplete ones are ignored.\n * @returns A new array with the rows that satisfy every complete filter.\n */\nexport function applyFilters<T>(items: readonly T[], filters: readonly Filter[]): T[] {\n    const active = filters.filter(isComplete).map((filter) => ({\n        field: filter.field,\n        operator: filter.operator,\n        values: filter.operator === \"between\" ? orderRange(valuesOf(filter)) : valuesOf(filter),\n    }));\n    if (active.length === 0) return [...items];\n\n    return items.filter((item) =>\n        active.every(({ field, operator, values }) =>\n            matchesOperator(operator, readField(item, field), values),\n        ),\n    );\n}\n"],"mappings":"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"}

package/dist/components/FilterBar/filter-apply.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-apply.js","names":[],"sources":["../../../src/components/FilterBar/filter-apply.ts"],"sourcesContent":["// The other half of the filter model: evaluating a `Filter[]` instead of only\n// describing it. `FilterBar` produces filters, `applyFilters` runs them over an\n// in-memory list, and `filtersToQueryParams` (filter-query.ts) hands the same set\n// to a paginated backend. Without these two the model stops one step short of\n// useful and every app writes the eleven operator branches again.\n\nimport { formatDateForInput } from \"@/utils/format\";\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\n\n/** Matches a plain `yyyy-mm-dd`, the shape `<input type=\"date\">` produces. */\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * One collator for every text comparison in this module.\n *\n * `localeCompare(value, undefined, { numeric: true })` builds a collator on each\n * call — passing an options bag opts out of the engine's cached-default fast\n * path — and this comparison runs once per row per filter. Measured at 200k\n * comparisons: 453 ms through `localeCompare` against 25 ms through a hoisted\n * collator, i.e. ~23 ms of main thread per keystroke on a 10k-row list.\n */\nconst TEXT_COLLATOR = new Intl.Collator(undefined, { numeric: true });\n\n/**\n * Read a property off a row without asserting the row's shape.\n *\n * `Filter.field` is a string chosen by the app's field list, so it cannot be a\n * `keyof T`; the lookup goes through an index signature and a missing property\n * yields `undefined`, which the operators treat as an empty value.\n *\n * @param item - The row being tested.\n * @param field - Property name from the filter.\n * @returns The property value, or `undefined` when the row has no such key.\n */\nfunction readField(item: unknown, field: string): unknown {\n    if (item == null || typeof item !== \"object\") return undefined;\n    return (item as Record<string, unknown>)[field];\n}\n\n/**\n * Local `yyyy-mm-dd` for a value that represents a date, or `null`.\n *\n * Delegates the formatting to {@link formatDateForInput}, which owns the rule\n * that the key is built from the local calendar parts rather than `toISOString`.\n * This adds only the narrowing from `unknown` and maps \"not a date\" to `null`\n * instead of to the empty string a date input wants.\n *\n * @param value - A `Date`, a date-ish string, or anything else.\n * @returns The day key, or `null` when the value does not denote a date.\n */\nfunction dayKey(value: unknown): string | null {\n    if (value instanceof Date) return formatDateForInput(value) || null;\n    if (typeof value !== \"string\" || value.trim() === \"\") return null;\n    return formatDateForInput(value) || null;\n}\n\n/**\n * Compare a row value against a filter value, in the row value's own type.\n *\n * The filter always carries strings — it comes from form inputs and from the\n * URL — while the row carries whatever the API returned. Comparing them as text\n * gets the two common cases wrong: `10` would sort before `9`, and a date would\n * be compared by however it happens to be formatted. So the row value picks the\n * comparison, and the filter value is coerced into it.\n *\n * Dates compare by **day**, not by instant: a row stamped `2026-03-05T13:00:00Z`\n * is `>= 2026-03-05`, which is what the person picking a date in the UI means.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Negative, zero or positive, or `null` when the two cannot be compared.\n */\nfunction compare(left: unknown, right: string): number | null {\n    if (left == null) return null;\n\n    if (typeof left === \"number\") {\n        const parsed = Number(right);\n        return Number.isNaN(parsed) ? null : left - parsed;\n    }\n\n    if (typeof left === \"boolean\") {\n        const parsed = right === \"true\" ? true : right === \"false\" ? false : null;\n        return parsed === null ? null : Number(left) - Number(parsed);\n    }\n\n    if (DATE_ONLY.test(right)) {\n        const key = dayKey(left);\n        return key === null ? null : key.localeCompare(right);\n    }\n\n    return TEXT_COLLATOR.compare(String(left), right);\n}\n\n/**\n * Equality in the row value's type, falling back to exact text.\n *\n * Case-sensitive on purpose: `eq` maps to a plain `WHERE column = value` on the\n * server side, so a case-insensitive client would quietly disagree with the\n * backend for the same filter. `contains` is the case-insensitive operator, and\n * it is also the default one for text fields, so the friendly behaviour is what\n * people get without asking.\n *\n * Identical strings take a fast path out, since the row value is text in the\n * common case and the collator is the expensive part.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Whether the two are equal.\n */\nfunction equals(left: unknown, right: string): boolean {\n    if (left === right) return true;\n    const result = compare(left, right);\n    if (result !== null) return result === 0;\n    return String(left ?? \"\") === right;\n}\n\n/**\n * Is this row value empty?\n *\n * Empty means absent, blank text or an empty list — never falsy. `0` and `false`\n * are values somebody chose, and a filter that hid them would be reporting the\n * wrong count on every dashboard that tracks zeroes.\n *\n * @param value - The row value.\n * @returns Whether the value counts as empty.\n */\nfunction isEmptyValue(value: unknown): boolean {\n    if (value == null) return true;\n    if (typeof value === \"string\") return value.trim() === \"\";\n    if (Array.isArray(value)) return value.length === 0;\n    return false;\n}\n\n/**\n * The filter's value as a list, whatever arity the operator uses.\n *\n * @param filter - The filter to read.\n * @returns Its values, trimmed of nothing — a leading space may be meaningful text.\n */\nfunction valuesOf(filter: Filter): string[] {\n    if (filter.value === undefined) return [];\n    return Array.isArray(filter.value) ? [...filter.value] : [String(filter.value)];\n}\n\n/**\n * Evaluate one operator against one row value.\n *\n * @param operator - The comparison to make.\n * @param left - The row value.\n * @param values - The filter values (one, two for `between`, many for `in`).\n * @returns Whether the row value satisfies the operator.\n */\nfunction matchesOperator(operator: FilterOperator, left: unknown, values: string[]): boolean {\n    switch (operator) {\n        case \"empty\":\n            return isEmptyValue(left);\n        case \"notEmpty\":\n            return !isEmptyValue(left);\n        case \"eq\":\n            return equals(left, values[0] ?? \"\");\n        case \"ne\":\n            return !equals(left, values[0] ?? \"\");\n        case \"contains\":\n            return String(left ?? \"\")\n                .toLowerCase()\n                .includes((values[0] ?? \"\").toLowerCase());\n        case \"in\":\n            return values.some((value) => equals(left, value));\n        case \"between\": {\n            const [first = \"\", second = \"\"] = values;\n            const low = compare(left, first);\n            const high = compare(left, second);\n            if (low === null || high === null) return false;\n            return low >= 0 && high <= 0;\n        }\n        default: {\n            const result = compare(left, values[0] ?? \"\");\n            if (result === null) return false;\n            if (operator === \"gt\") return result > 0;\n            if (operator === \"gte\") return result >= 0;\n            if (operator === \"lt\") return result < 0;\n            return result <= 0;\n        }\n    }\n}\n\n/**\n * Order the two values of a `between` so the range is never empty by accident.\n *\n * A person who picks the later date first means the range between the two dates,\n * not \"no rows\". The server-side `BETWEEN` needs `(lo, hi)` in order too, which\n * is why the normalisation lives here and is shared by `filtersToQueryParams`.\n *\n * @param values - The raw pair.\n * @returns The pair, ascending.\n */\nexport function orderRange(values: readonly string[]): string[] {\n    const [first = \"\", second = \"\"] = values;\n    if (DATE_ONLY.test(first) && DATE_ONLY.test(second)) {\n        return first <= second ? [first, second] : [second, first];\n    }\n    const low = Number(first);\n    const high = Number(second);\n    if (!Number.isNaN(low) && !Number.isNaN(high)) {\n        return low <= high ? [first, second] : [second, first];\n    }\n    return TEXT_COLLATOR.compare(first, second) <= 0 ? [first, second] : [second, first];\n}\n\n/**\n * Run a filter set over an in-memory list.\n *\n * Closes the loop `FilterBar` opens: the bar produces `Filter[]`, this applies\n * them. Filters combine with `AND`, matching the flat model the bar builds, and\n * an incomplete filter is skipped rather than treated as a match of nothing — a\n * half-filled form should not empty the table underneath it.\n *\n * Comparison follows the row's type, not the filter's: numbers compare\n * numerically, dates compare by day, and everything else compares as text with\n * `numeric: true` so `\"item 2\"` lands before `\"item 10\"`.\n *\n * A few behaviours differ from the SQL the server-side twin produces, and the\n * difference is deliberate rather than accidental:\n *\n * - `ne` matches rows whose value is absent. In SQL, `column <> 'x'` is `NULL`\n *   for a `NULL` column and the row drops out. Here \"is not paid\" shows the rows\n *   with no status at all, which is what the chip claims.\n * - `empty` matches `NULL`, blank text and empty lists; `__isnull` on the server\n *   only matches `NULL`. A column that stores `\"\"` instead of `NULL` is where\n *   the two disagree.\n *\n * @example\n * const visible = applyFilters(orders, filters);\n *\n * Each filter's values are normalised once, before the scan, rather than inside\n * the per-row predicate: the arity, the `between` ordering and the value array\n * depend only on the filter, so deriving them per row multiplied that work by\n * the row count. `empty`/`notEmpty` ignore their values entirely, which is why\n * the prepared shape does not need to distinguish them.\n *\n * @param items - The full list.\n * @param filters - Applied filters; incomplete ones are ignored.\n * @returns A new array with the rows that satisfy every complete filter.\n */\nexport function applyFilters<T>(items: readonly T[], filters: readonly Filter[]): T[] {\n    const active = filters.filter(isComplete).map((filter) => ({\n        field: filter.field,\n        operator: filter.operator,\n        values: filter.operator === \"between\" ? orderRange(valuesOf(filter)) : valuesOf(filter),\n    }));\n    if (active.length === 0) return [...items];\n\n    return items.filter((item) =>\n        active.every(({ field, operator, values }) =>\n            matchesOperator(operator, readField(item, field), values),\n        ),\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"filter-apply.js","names":["DATE_ONLY","TEXT_COLLATOR","readField","item","field","dayKey","value","formatDateForInput","compare","left","parsed","right","key","equals","result","isEmptyValue","valuesOf","filter","matchesOperator","operator","values","first","second","low","high","orderRange","applyFilters","active","filters","isComplete","items"],"sources":["../../../src/components/FilterBar/filter-apply.ts"],"sourcesContent":["// The other half of the filter model: evaluating a `Filter[]` instead of only\n// describing it. `FilterBar` produces filters, `applyFilters` runs them over an\n// in-memory list, and `filtersToQueryParams` (filter-query.ts) hands the same set\n// to a paginated backend. Without these two the model stops one step short of\n// useful and every app writes the eleven operator branches again.\n\nimport { formatDateForInput } from \"@/utils/format\";\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\n\n/** Matches a plain `yyyy-mm-dd`, the shape `<input type=\"date\">` produces. */\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * One collator for every text comparison in this module.\n *\n * `localeCompare(value, undefined, { numeric: true })` builds a collator on each\n * call — passing an options bag opts out of the engine's cached-default fast\n * path — and this comparison runs once per row per filter. Measured at 200k\n * comparisons: 453 ms through `localeCompare` against 25 ms through a hoisted\n * collator, i.e. ~23 ms of main thread per keystroke on a 10k-row list.\n */\nconst TEXT_COLLATOR = new Intl.Collator(undefined, { numeric: true });\n\n/**\n * Read a property off a row without asserting the row's shape.\n *\n * `Filter.field` is a string chosen by the app's field list, so it cannot be a\n * `keyof T`; the lookup goes through an index signature and a missing property\n * yields `undefined`, which the operators treat as an empty value.\n *\n * @param item - The row being tested.\n * @param field - Property name from the filter.\n * @returns The property value, or `undefined` when the row has no such key.\n */\nfunction readField(item: unknown, field: string): unknown {\n    if (item == null || typeof item !== \"object\") return undefined;\n    return (item as Record<string, unknown>)[field];\n}\n\n/**\n * Local `yyyy-mm-dd` for a value that represents a date, or `null`.\n *\n * Delegates the formatting to {@link formatDateForInput}, which owns the rule\n * that the key is built from the local calendar parts rather than `toISOString`.\n * This adds only the narrowing from `unknown` and maps \"not a date\" to `null`\n * instead of to the empty string a date input wants.\n *\n * @param value - A `Date`, a date-ish string, or anything else.\n * @returns The day key, or `null` when the value does not denote a date.\n */\nfunction dayKey(value: unknown): string | null {\n    if (value instanceof Date) return formatDateForInput(value) || null;\n    if (typeof value !== \"string\" || value.trim() === \"\") return null;\n    return formatDateForInput(value) || null;\n}\n\n/**\n * Compare a row value against a filter value, in the row value's own type.\n *\n * The filter always carries strings — it comes from form inputs and from the\n * URL — while the row carries whatever the API returned. Comparing them as text\n * gets the two common cases wrong: `10` would sort before `9`, and a date would\n * be compared by however it happens to be formatted. So the row value picks the\n * comparison, and the filter value is coerced into it.\n *\n * Dates compare by **day**, not by instant: a row stamped `2026-03-05T13:00:00Z`\n * is `>= 2026-03-05`, which is what the person picking a date in the UI means.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Negative, zero or positive, or `null` when the two cannot be compared.\n */\nfunction compare(left: unknown, right: string): number | null {\n    if (left == null) return null;\n\n    if (typeof left === \"number\") {\n        const parsed = Number(right);\n        return Number.isNaN(parsed) ? null : left - parsed;\n    }\n\n    if (typeof left === \"boolean\") {\n        const parsed = right === \"true\" ? true : right === \"false\" ? false : null;\n        return parsed === null ? null : Number(left) - Number(parsed);\n    }\n\n    if (DATE_ONLY.test(right)) {\n        const key = dayKey(left);\n        return key === null ? null : key.localeCompare(right);\n    }\n\n    return TEXT_COLLATOR.compare(String(left), right);\n}\n\n/**\n * Equality in the row value's type, falling back to exact text.\n *\n * Case-sensitive on purpose: `eq` maps to a plain `WHERE column = value` on the\n * server side, so a case-insensitive client would quietly disagree with the\n * backend for the same filter. `contains` is the case-insensitive operator, and\n * it is also the default one for text fields, so the friendly behaviour is what\n * people get without asking.\n *\n * Identical strings take a fast path out, since the row value is text in the\n * common case and the collator is the expensive part.\n *\n * @param left - The row value.\n * @param right - The raw filter value.\n * @returns Whether the two are equal.\n */\nfunction equals(left: unknown, right: string): boolean {\n    if (left === right) return true;\n    const result = compare(left, right);\n    if (result !== null) return result === 0;\n    return String(left ?? \"\") === right;\n}\n\n/**\n * Is this row value empty?\n *\n * Empty means absent, blank text or an empty list — never falsy. `0` and `false`\n * are values somebody chose, and a filter that hid them would be reporting the\n * wrong count on every dashboard that tracks zeroes.\n *\n * @param value - The row value.\n * @returns Whether the value counts as empty.\n */\nfunction isEmptyValue(value: unknown): boolean {\n    if (value == null) return true;\n    if (typeof value === \"string\") return value.trim() === \"\";\n    if (Array.isArray(value)) return value.length === 0;\n    return false;\n}\n\n/**\n * The filter's value as a list, whatever arity the operator uses.\n *\n * @param filter - The filter to read.\n * @returns Its values, trimmed of nothing — a leading space may be meaningful text.\n */\nfunction valuesOf(filter: Filter): string[] {\n    if (filter.value === undefined) return [];\n    return Array.isArray(filter.value) ? [...filter.value] : [String(filter.value)];\n}\n\n/**\n * Evaluate one operator against one row value.\n *\n * @param operator - The comparison to make.\n * @param left - The row value.\n * @param values - The filter values (one, two for `between`, many for `in`).\n * @returns Whether the row value satisfies the operator.\n */\nfunction matchesOperator(operator: FilterOperator, left: unknown, values: string[]): boolean {\n    switch (operator) {\n        case \"empty\":\n            return isEmptyValue(left);\n        case \"notEmpty\":\n            return !isEmptyValue(left);\n        case \"eq\":\n            return equals(left, values[0] ?? \"\");\n        case \"ne\":\n            return !equals(left, values[0] ?? \"\");\n        case \"contains\":\n            return String(left ?? \"\")\n                .toLowerCase()\n                .includes((values[0] ?? \"\").toLowerCase());\n        case \"in\":\n            return values.some((value) => equals(left, value));\n        case \"between\": {\n            const [first = \"\", second = \"\"] = values;\n            const low = compare(left, first);\n            const high = compare(left, second);\n            if (low === null || high === null) return false;\n            return low >= 0 && high <= 0;\n        }\n        default: {\n            const result = compare(left, values[0] ?? \"\");\n            if (result === null) return false;\n            if (operator === \"gt\") return result > 0;\n            if (operator === \"gte\") return result >= 0;\n            if (operator === \"lt\") return result < 0;\n            return result <= 0;\n        }\n    }\n}\n\n/**\n * Order the two values of a `between` so the range is never empty by accident.\n *\n * A person who picks the later date first means the range between the two dates,\n * not \"no rows\". The server-side `BETWEEN` needs `(lo, hi)` in order too, which\n * is why the normalisation lives here and is shared by `filtersToQueryParams`.\n *\n * @param values - The raw pair.\n * @returns The pair, ascending.\n */\nexport function orderRange(values: readonly string[]): string[] {\n    const [first = \"\", second = \"\"] = values;\n    if (DATE_ONLY.test(first) && DATE_ONLY.test(second)) {\n        return first <= second ? [first, second] : [second, first];\n    }\n    const low = Number(first);\n    const high = Number(second);\n    if (!Number.isNaN(low) && !Number.isNaN(high)) {\n        return low <= high ? [first, second] : [second, first];\n    }\n    return TEXT_COLLATOR.compare(first, second) <= 0 ? [first, second] : [second, first];\n}\n\n/**\n * Run a filter set over an in-memory list.\n *\n * Closes the loop `FilterBar` opens: the bar produces `Filter[]`, this applies\n * them. Filters combine with `AND`, matching the flat model the bar builds, and\n * an incomplete filter is skipped rather than treated as a match of nothing — a\n * half-filled form should not empty the table underneath it.\n *\n * Comparison follows the row's type, not the filter's: numbers compare\n * numerically, dates compare by day, and everything else compares as text with\n * `numeric: true` so `\"item 2\"` lands before `\"item 10\"`.\n *\n * A few behaviours differ from the SQL the server-side twin produces, and the\n * difference is deliberate rather than accidental:\n *\n * - `ne` matches rows whose value is absent. In SQL, `column <> 'x'` is `NULL`\n *   for a `NULL` column and the row drops out. Here \"is not paid\" shows the rows\n *   with no status at all, which is what the chip claims.\n * - `empty` matches `NULL`, blank text and empty lists; `__isnull` on the server\n *   only matches `NULL`. A column that stores `\"\"` instead of `NULL` is where\n *   the two disagree.\n *\n * @example\n * const visible = applyFilters(orders, filters);\n *\n * Each filter's values are normalised once, before the scan, rather than inside\n * the per-row predicate: the arity, the `between` ordering and the value array\n * depend only on the filter, so deriving them per row multiplied that work by\n * the row count. `empty`/`notEmpty` ignore their values entirely, which is why\n * the prepared shape does not need to distinguish them.\n *\n * @param items - The full list.\n * @param filters - Applied filters; incomplete ones are ignored.\n * @returns A new array with the rows that satisfy every complete filter.\n */\nexport function applyFilters<T>(items: readonly T[], filters: readonly Filter[]): T[] {\n    const active = filters.filter(isComplete).map((filter) => ({\n        field: filter.field,\n        operator: filter.operator,\n        values: filter.operator === \"between\" ? orderRange(valuesOf(filter)) : valuesOf(filter),\n    }));\n    if (active.length === 0) return [...items];\n\n    return items.filter((item) =>\n        active.every(({ field, operator, values }) =>\n            matchesOperator(operator, readField(item, field), values),\n        ),\n    );\n}\n"],"mappings":"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"}

package/dist/components/FilterBar/filter-model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-model.cjs","names":[],"sources":["../../../src/components/FilterBar/filter-model.ts"],"sourcesContent":["// The filter model behind `FilterBar`: what a field can be compared with, how a\n// filter reads in words, and how a filter set survives a page reload.\n//\n// Flat AND, deliberately. Nested `(a OR b) AND c` groups are a different component\n// with a different UI (a tree with per-node operators) and a different serialization\n// — trying to be both produces a builder that is clumsy for the 95% case, which is\n// \"status is paid, created after March, text contains nota\".\n\n/** Comparison a filter can make. */\nexport type FilterOperator =\n    | \"eq\"\n    | \"ne\"\n    | \"contains\"\n    | \"gt\"\n    | \"gte\"\n    | \"lt\"\n    | \"lte\"\n    | \"between\"\n    | \"in\"\n    | \"empty\"\n    | \"notEmpty\";\n\n/** Kind of value a field holds, which decides its operators and its input. */\nexport type FilterFieldType = \"text\" | \"number\" | \"date\" | \"select\" | \"boolean\";\n\n/** One filterable field. */\nexport interface FilterField {\n    /** Key sent to the backend. */\n    name: string;\n    /** What the user sees. */\n    label: string;\n    type: FilterFieldType;\n    /** Choices for `select`. */\n    options?: ReadonlyArray<{ value: string; label: string }>;\n    /** Restrict or reorder the operators offered. Defaults per type. */\n    operators?: readonly FilterOperator[];\n    /** Placeholder for the value input. */\n    placeholder?: string;\n}\n\n/** One applied filter. */\nexport interface Filter {\n    field: string;\n    operator: FilterOperator;\n    /** `between` carries a pair; `in` carries a list; `empty`/`notEmpty` carry nothing. */\n    value?: string | readonly string[];\n}\n\n/** Operators offered per field type, in the order they appear. */\nconst OPERATORS_BY_TYPE: Record<FilterFieldType, FilterOperator[]> = {\n    text: [\"contains\", \"eq\", \"ne\", \"empty\", \"notEmpty\"],\n    number: [\"eq\", \"ne\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    date: [\"eq\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    select: [\"eq\", \"ne\", \"in\", \"empty\", \"notEmpty\"],\n    boolean: [\"eq\"],\n};\n\n/** Operators that take no value at all. */\nconst VALUELESS: ReadonlySet<FilterOperator> = new Set([\"empty\", \"notEmpty\"]);\n\n/** Operators that take more than one value. */\nconst MULTI: ReadonlySet<FilterOperator> = new Set([\"between\", \"in\"]);\n\n/** Human labels for the operators, per locale. */\nconst OPERATOR_LABELS: Record<\"pt-BR\" | \"en\", Record<FilterOperator, string>> = {\n    \"pt-BR\": {\n        eq: \"é\",\n        ne: \"não é\",\n        contains: \"contém\",\n        gt: \"maior que\",\n        gte: \"maior ou igual a\",\n        lt: \"menor que\",\n        lte: \"menor ou igual a\",\n        between: \"entre\",\n        in: \"é um de\",\n        empty: \"está vazio\",\n        notEmpty: \"não está vazio\",\n    },\n    en: {\n        eq: \"is\",\n        ne: \"is not\",\n        contains: \"contains\",\n        gt: \"greater than\",\n        gte: \"at least\",\n        lt: \"less than\",\n        lte: \"at most\",\n        between: \"between\",\n        in: \"is any of\",\n        empty: \"is empty\",\n        notEmpty: \"is not empty\",\n    },\n};\n\n/** The operators a field offers. */\nexport function operatorsFor(field: FilterField): FilterOperator[] {\n    return [...(field.operators ?? OPERATORS_BY_TYPE[field.type])];\n}\n\n/** Label of an operator. */\nexport function operatorLabel(operator: FilterOperator, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return OPERATOR_LABELS[locale][operator] ?? operator;\n}\n\n/** True when the operator needs no value input. */\nexport function isValueless(operator: FilterOperator): boolean {\n    return VALUELESS.has(operator);\n}\n\n/** True when the operator takes several values. */\nexport function isMulti(operator: FilterOperator): boolean {\n    return MULTI.has(operator);\n}\n\n/**\n * Is this filter complete enough to apply?\n *\n * An incomplete filter is not an error to shout about — it is a half-filled form.\n * The component uses this to keep \"Add\" disabled, which says the same thing without\n * a message nobody asked for.\n */\nexport function isComplete(filter: Filter): boolean {\n    if (isValueless(filter.operator)) return true;\n    const { value } = filter;\n    if (value === undefined) return false;\n    if (Array.isArray(value)) {\n        if (filter.operator === \"between\") return value.length === 2 && value.every(Boolean);\n        return value.length > 0 && value.every(Boolean);\n    }\n    return String(value).trim() !== \"\";\n}\n\n/** Human text for one value, resolving a `select` option to its label. */\nfunction valueLabel(field: FilterField | undefined, raw: string): string {\n    const option = field?.options?.find((candidate) => candidate.value === raw);\n    return option ? option.label : raw;\n}\n\n/**\n * One filter, in words: `\"Status é Pago\"`.\n *\n * Used for the chip and for the screen-reader announcement, from the same source —\n * a chip that reads `status=eq:paid` to a sighted user and something else to a\n * screen reader would be two different truths.\n */\nexport function describeFilter(\n    filter: Filter,\n    fields: readonly FilterField[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string {\n    const field = fields.find((candidate) => candidate.name === filter.field);\n    const name = field?.label ?? filter.field;\n    const operator = operatorLabel(filter.operator, locale);\n    if (isValueless(filter.operator)) return `${name} ${operator}`;\n\n    const values = Array.isArray(filter.value)\n        ? filter.value.map((raw) => valueLabel(field, raw))\n        : [valueLabel(field, String(filter.value ?? \"\"))];\n\n    if (filter.operator === \"between\" && values.length === 2) {\n        const joiner = locale === \"en\" ? \"and\" : \"e\";\n        return `${name} ${operator} ${values[0]} ${joiner} ${values[1]}`;\n    }\n    return `${name} ${operator} ${values.join(\", \")}`;\n}\n\n/** Default operator for a field — the first one it offers. */\nexport function defaultOperator(field: FilterField): FilterOperator {\n    return operatorsFor(field)[0] ?? \"eq\";\n}\n\n/**\n * Serialize filters into URL search params.\n *\n * One param per filter, `field=operator:value`, with `|` between the values of a\n * multi-value operator. A filter set that cannot survive a reload is a filter set\n * people re-enter every time they open a link somebody sent them, so this is part\n * of the model rather than something each app reinvents.\n *\n * Repeated fields are kept: `status=eq:paid&status=eq:sent` is two filters, and\n * collapsing them would silently drop one.\n *\n * @param filters - Applied filters.\n * @returns Params ready to merge into a location.\n */\nexport function filtersToSearchParams(filters: readonly Filter[]): URLSearchParams {\n    const params = new URLSearchParams();\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n        const value = Array.isArray(filter.value) ? filter.value.join(\"|\") : (filter.value ?? \"\");\n        params.append(\n            filter.field,\n            isValueless(filter.operator) ? filter.operator : `${filter.operator}:${value}`,\n        );\n    }\n    return params;\n}\n\n/**\n * Read filters back from URL search params.\n *\n * Anything that does not parse is dropped rather than guessed at: a hand-edited URL\n * is the normal way this input arrives, and rendering a filter the app cannot\n * evaluate would show a list that does not match what the chips claim.\n *\n * @param params - Params from the location.\n * @param fields - Known fields; a param naming anything else is ignored.\n * @returns The filters that parsed.\n */\nexport function filtersFromSearchParams(\n    params: URLSearchParams,\n    fields: readonly FilterField[],\n): Filter[] {\n    const known = new Map(fields.map((field) => [field.name, field]));\n    const filters: Filter[] = [];\n\n    for (const [name, raw] of params.entries()) {\n        const field = known.get(name);\n        if (!field) continue;\n\n        const separator = raw.indexOf(\":\");\n        const operator = (separator < 0 ? raw : raw.slice(0, separator)) as FilterOperator;\n        if (!operatorsFor(field).includes(operator)) continue;\n\n        if (isValueless(operator)) {\n            filters.push({ field: name, operator });\n            continue;\n        }\n        if (separator < 0) continue;\n\n        const rest = raw.slice(separator + 1);\n        const value = isMulti(operator) ? rest.split(\"|\") : rest;\n        const filter: Filter = { field: name, operator, value };\n        if (isComplete(filter)) filters.push(filter);\n    }\n\n    return filters;\n}\n\n/** Labels the bar needs, per locale. */\ninterface FilterStrings {\n    add: string;\n    apply: string;\n    cancel: string;\n    clear: string;\n    field: string;\n    operator: string;\n    value: string;\n    from: string;\n    to: string;\n    yes: string;\n    no: string;\n    remove: (description: string) => string;\n    active: (count: number) => string;\n    empty: string;\n}\n\nconst PT_BR: FilterStrings = {\n    add: \"Adicionar filtro\",\n    apply: \"Aplicar\",\n    cancel: \"Cancelar\",\n    clear: \"Limpar filtros\",\n    field: \"Campo\",\n    operator: \"Condição\",\n    value: \"Valor\",\n    from: \"De\",\n    to: \"Até\",\n    yes: \"Sim\",\n    no: \"Não\",\n    remove: (description) => `Remover filtro: ${description}`,\n    active: (count) => (count === 1 ? \"1 filtro ativo\" : `${count} filtros ativos`),\n    empty: \"Nenhum filtro\",\n};\n\nconst EN: FilterStrings = {\n    add: \"Add filter\",\n    apply: \"Apply\",\n    cancel: \"Cancel\",\n    clear: \"Clear filters\",\n    field: \"Field\",\n    operator: \"Condition\",\n    value: \"Value\",\n    from: \"From\",\n    to: \"To\",\n    yes: \"Yes\",\n    no: \"No\",\n    remove: (description) => `Remove filter: ${description}`,\n    active: (count) => (count === 1 ? \"1 active filter\" : `${count} active filters`),\n    empty: \"No filters\",\n};\n\n/** Locale strings for the bar. */\nexport function filterStrings(locale: \"pt-BR\" | \"en\"): FilterStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":"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"}
+{"version":3,"file":"filter-model.cjs","names":["OPERATORS_BY_TYPE","VALUELESS","MULTI","OPERATOR_LABELS","operatorsFor","field","operatorLabel","locale","operator","isValueless","isMulti","isComplete","filter","value","valueLabel","option","candidate","raw","describeFilter","fields","name","values","joiner","defaultOperator","filtersToSearchParams","params","filters","filtersFromSearchParams","known","separator","rest","PT_BR","description","count","EN","filterStrings"],"sources":["../../../src/components/FilterBar/filter-model.ts"],"sourcesContent":["// The filter model behind `FilterBar`: what a field can be compared with, how a\n// filter reads in words, and how a filter set survives a page reload.\n//\n// Flat AND, deliberately. Nested `(a OR b) AND c` groups are a different component\n// with a different UI (a tree with per-node operators) and a different serialization\n// — trying to be both produces a builder that is clumsy for the 95% case, which is\n// \"status is paid, created after March, text contains nota\".\n\n/** Comparison a filter can make. */\nexport type FilterOperator =\n    | \"eq\"\n    | \"ne\"\n    | \"contains\"\n    | \"gt\"\n    | \"gte\"\n    | \"lt\"\n    | \"lte\"\n    | \"between\"\n    | \"in\"\n    | \"empty\"\n    | \"notEmpty\";\n\n/** Kind of value a field holds, which decides its operators and its input. */\nexport type FilterFieldType = \"text\" | \"number\" | \"date\" | \"select\" | \"boolean\";\n\n/** One filterable field. */\nexport interface FilterField {\n    /** Key sent to the backend. */\n    name: string;\n    /** What the user sees. */\n    label: string;\n    type: FilterFieldType;\n    /** Choices for `select`. */\n    options?: ReadonlyArray<{ value: string; label: string }>;\n    /** Restrict or reorder the operators offered. Defaults per type. */\n    operators?: readonly FilterOperator[];\n    /** Placeholder for the value input. */\n    placeholder?: string;\n}\n\n/** One applied filter. */\nexport interface Filter {\n    field: string;\n    operator: FilterOperator;\n    /** `between` carries a pair; `in` carries a list; `empty`/`notEmpty` carry nothing. */\n    value?: string | readonly string[];\n}\n\n/** Operators offered per field type, in the order they appear. */\nconst OPERATORS_BY_TYPE: Record<FilterFieldType, FilterOperator[]> = {\n    text: [\"contains\", \"eq\", \"ne\", \"empty\", \"notEmpty\"],\n    number: [\"eq\", \"ne\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    date: [\"eq\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    select: [\"eq\", \"ne\", \"in\", \"empty\", \"notEmpty\"],\n    boolean: [\"eq\"],\n};\n\n/** Operators that take no value at all. */\nconst VALUELESS: ReadonlySet<FilterOperator> = new Set([\"empty\", \"notEmpty\"]);\n\n/** Operators that take more than one value. */\nconst MULTI: ReadonlySet<FilterOperator> = new Set([\"between\", \"in\"]);\n\n/** Human labels for the operators, per locale. */\nconst OPERATOR_LABELS: Record<\"pt-BR\" | \"en\", Record<FilterOperator, string>> = {\n    \"pt-BR\": {\n        eq: \"é\",\n        ne: \"não é\",\n        contains: \"contém\",\n        gt: \"maior que\",\n        gte: \"maior ou igual a\",\n        lt: \"menor que\",\n        lte: \"menor ou igual a\",\n        between: \"entre\",\n        in: \"é um de\",\n        empty: \"está vazio\",\n        notEmpty: \"não está vazio\",\n    },\n    en: {\n        eq: \"is\",\n        ne: \"is not\",\n        contains: \"contains\",\n        gt: \"greater than\",\n        gte: \"at least\",\n        lt: \"less than\",\n        lte: \"at most\",\n        between: \"between\",\n        in: \"is any of\",\n        empty: \"is empty\",\n        notEmpty: \"is not empty\",\n    },\n};\n\n/** The operators a field offers. */\nexport function operatorsFor(field: FilterField): FilterOperator[] {\n    return [...(field.operators ?? OPERATORS_BY_TYPE[field.type])];\n}\n\n/** Label of an operator. */\nexport function operatorLabel(operator: FilterOperator, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return OPERATOR_LABELS[locale][operator] ?? operator;\n}\n\n/** True when the operator needs no value input. */\nexport function isValueless(operator: FilterOperator): boolean {\n    return VALUELESS.has(operator);\n}\n\n/** True when the operator takes several values. */\nexport function isMulti(operator: FilterOperator): boolean {\n    return MULTI.has(operator);\n}\n\n/**\n * Is this filter complete enough to apply?\n *\n * An incomplete filter is not an error to shout about — it is a half-filled form.\n * The component uses this to keep \"Add\" disabled, which says the same thing without\n * a message nobody asked for.\n */\nexport function isComplete(filter: Filter): boolean {\n    if (isValueless(filter.operator)) return true;\n    const { value } = filter;\n    if (value === undefined) return false;\n    if (Array.isArray(value)) {\n        if (filter.operator === \"between\") return value.length === 2 && value.every(Boolean);\n        return value.length > 0 && value.every(Boolean);\n    }\n    return String(value).trim() !== \"\";\n}\n\n/** Human text for one value, resolving a `select` option to its label. */\nfunction valueLabel(field: FilterField | undefined, raw: string): string {\n    const option = field?.options?.find((candidate) => candidate.value === raw);\n    return option ? option.label : raw;\n}\n\n/**\n * One filter, in words: `\"Status é Pago\"`.\n *\n * Used for the chip and for the screen-reader announcement, from the same source —\n * a chip that reads `status=eq:paid` to a sighted user and something else to a\n * screen reader would be two different truths.\n */\nexport function describeFilter(\n    filter: Filter,\n    fields: readonly FilterField[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string {\n    const field = fields.find((candidate) => candidate.name === filter.field);\n    const name = field?.label ?? filter.field;\n    const operator = operatorLabel(filter.operator, locale);\n    if (isValueless(filter.operator)) return `${name} ${operator}`;\n\n    const values = Array.isArray(filter.value)\n        ? filter.value.map((raw) => valueLabel(field, raw))\n        : [valueLabel(field, String(filter.value ?? \"\"))];\n\n    if (filter.operator === \"between\" && values.length === 2) {\n        const joiner = locale === \"en\" ? \"and\" : \"e\";\n        return `${name} ${operator} ${values[0]} ${joiner} ${values[1]}`;\n    }\n    return `${name} ${operator} ${values.join(\", \")}`;\n}\n\n/** Default operator for a field — the first one it offers. */\nexport function defaultOperator(field: FilterField): FilterOperator {\n    return operatorsFor(field)[0] ?? \"eq\";\n}\n\n/**\n * Serialize filters into URL search params.\n *\n * One param per filter, `field=operator:value`, with `|` between the values of a\n * multi-value operator. A filter set that cannot survive a reload is a filter set\n * people re-enter every time they open a link somebody sent them, so this is part\n * of the model rather than something each app reinvents.\n *\n * Repeated fields are kept: `status=eq:paid&status=eq:sent` is two filters, and\n * collapsing them would silently drop one.\n *\n * @param filters - Applied filters.\n * @returns Params ready to merge into a location.\n */\nexport function filtersToSearchParams(filters: readonly Filter[]): URLSearchParams {\n    const params = new URLSearchParams();\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n        const value = Array.isArray(filter.value) ? filter.value.join(\"|\") : (filter.value ?? \"\");\n        params.append(\n            filter.field,\n            isValueless(filter.operator) ? filter.operator : `${filter.operator}:${value}`,\n        );\n    }\n    return params;\n}\n\n/**\n * Read filters back from URL search params.\n *\n * Anything that does not parse is dropped rather than guessed at: a hand-edited URL\n * is the normal way this input arrives, and rendering a filter the app cannot\n * evaluate would show a list that does not match what the chips claim.\n *\n * @param params - Params from the location.\n * @param fields - Known fields; a param naming anything else is ignored.\n * @returns The filters that parsed.\n */\nexport function filtersFromSearchParams(\n    params: URLSearchParams,\n    fields: readonly FilterField[],\n): Filter[] {\n    const known = new Map(fields.map((field) => [field.name, field]));\n    const filters: Filter[] = [];\n\n    for (const [name, raw] of params.entries()) {\n        const field = known.get(name);\n        if (!field) continue;\n\n        const separator = raw.indexOf(\":\");\n        const operator = (separator < 0 ? raw : raw.slice(0, separator)) as FilterOperator;\n        if (!operatorsFor(field).includes(operator)) continue;\n\n        if (isValueless(operator)) {\n            filters.push({ field: name, operator });\n            continue;\n        }\n        if (separator < 0) continue;\n\n        const rest = raw.slice(separator + 1);\n        const value = isMulti(operator) ? rest.split(\"|\") : rest;\n        const filter: Filter = { field: name, operator, value };\n        if (isComplete(filter)) filters.push(filter);\n    }\n\n    return filters;\n}\n\n/** Labels the bar needs, per locale. */\ninterface FilterStrings {\n    add: string;\n    apply: string;\n    cancel: string;\n    clear: string;\n    field: string;\n    operator: string;\n    value: string;\n    from: string;\n    to: string;\n    yes: string;\n    no: string;\n    remove: (description: string) => string;\n    active: (count: number) => string;\n    empty: string;\n}\n\nconst PT_BR: FilterStrings = {\n    add: \"Adicionar filtro\",\n    apply: \"Aplicar\",\n    cancel: \"Cancelar\",\n    clear: \"Limpar filtros\",\n    field: \"Campo\",\n    operator: \"Condição\",\n    value: \"Valor\",\n    from: \"De\",\n    to: \"Até\",\n    yes: \"Sim\",\n    no: \"Não\",\n    remove: (description) => `Remover filtro: ${description}`,\n    active: (count) => (count === 1 ? \"1 filtro ativo\" : `${count} filtros ativos`),\n    empty: \"Nenhum filtro\",\n};\n\nconst EN: FilterStrings = {\n    add: \"Add filter\",\n    apply: \"Apply\",\n    cancel: \"Cancel\",\n    clear: \"Clear filters\",\n    field: \"Field\",\n    operator: \"Condition\",\n    value: \"Value\",\n    from: \"From\",\n    to: \"To\",\n    yes: \"Yes\",\n    no: \"No\",\n    remove: (description) => `Remove filter: ${description}`,\n    active: (count) => (count === 1 ? \"1 active filter\" : `${count} active filters`),\n    empty: \"No filters\",\n};\n\n/** Locale strings for the bar. */\nexport function filterStrings(locale: \"pt-BR\" | \"en\"): FilterStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":"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"}

package/dist/components/FilterBar/filter-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-model.js","names":[],"sources":["../../../src/components/FilterBar/filter-model.ts"],"sourcesContent":["// The filter model behind `FilterBar`: what a field can be compared with, how a\n// filter reads in words, and how a filter set survives a page reload.\n//\n// Flat AND, deliberately. Nested `(a OR b) AND c` groups are a different component\n// with a different UI (a tree with per-node operators) and a different serialization\n// — trying to be both produces a builder that is clumsy for the 95% case, which is\n// \"status is paid, created after March, text contains nota\".\n\n/** Comparison a filter can make. */\nexport type FilterOperator =\n    | \"eq\"\n    | \"ne\"\n    | \"contains\"\n    | \"gt\"\n    | \"gte\"\n    | \"lt\"\n    | \"lte\"\n    | \"between\"\n    | \"in\"\n    | \"empty\"\n    | \"notEmpty\";\n\n/** Kind of value a field holds, which decides its operators and its input. */\nexport type FilterFieldType = \"text\" | \"number\" | \"date\" | \"select\" | \"boolean\";\n\n/** One filterable field. */\nexport interface FilterField {\n    /** Key sent to the backend. */\n    name: string;\n    /** What the user sees. */\n    label: string;\n    type: FilterFieldType;\n    /** Choices for `select`. */\n    options?: ReadonlyArray<{ value: string; label: string }>;\n    /** Restrict or reorder the operators offered. Defaults per type. */\n    operators?: readonly FilterOperator[];\n    /** Placeholder for the value input. */\n    placeholder?: string;\n}\n\n/** One applied filter. */\nexport interface Filter {\n    field: string;\n    operator: FilterOperator;\n    /** `between` carries a pair; `in` carries a list; `empty`/`notEmpty` carry nothing. */\n    value?: string | readonly string[];\n}\n\n/** Operators offered per field type, in the order they appear. */\nconst OPERATORS_BY_TYPE: Record<FilterFieldType, FilterOperator[]> = {\n    text: [\"contains\", \"eq\", \"ne\", \"empty\", \"notEmpty\"],\n    number: [\"eq\", \"ne\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    date: [\"eq\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    select: [\"eq\", \"ne\", \"in\", \"empty\", \"notEmpty\"],\n    boolean: [\"eq\"],\n};\n\n/** Operators that take no value at all. */\nconst VALUELESS: ReadonlySet<FilterOperator> = new Set([\"empty\", \"notEmpty\"]);\n\n/** Operators that take more than one value. */\nconst MULTI: ReadonlySet<FilterOperator> = new Set([\"between\", \"in\"]);\n\n/** Human labels for the operators, per locale. */\nconst OPERATOR_LABELS: Record<\"pt-BR\" | \"en\", Record<FilterOperator, string>> = {\n    \"pt-BR\": {\n        eq: \"é\",\n        ne: \"não é\",\n        contains: \"contém\",\n        gt: \"maior que\",\n        gte: \"maior ou igual a\",\n        lt: \"menor que\",\n        lte: \"menor ou igual a\",\n        between: \"entre\",\n        in: \"é um de\",\n        empty: \"está vazio\",\n        notEmpty: \"não está vazio\",\n    },\n    en: {\n        eq: \"is\",\n        ne: \"is not\",\n        contains: \"contains\",\n        gt: \"greater than\",\n        gte: \"at least\",\n        lt: \"less than\",\n        lte: \"at most\",\n        between: \"between\",\n        in: \"is any of\",\n        empty: \"is empty\",\n        notEmpty: \"is not empty\",\n    },\n};\n\n/** The operators a field offers. */\nexport function operatorsFor(field: FilterField): FilterOperator[] {\n    return [...(field.operators ?? OPERATORS_BY_TYPE[field.type])];\n}\n\n/** Label of an operator. */\nexport function operatorLabel(operator: FilterOperator, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return OPERATOR_LABELS[locale][operator] ?? operator;\n}\n\n/** True when the operator needs no value input. */\nexport function isValueless(operator: FilterOperator): boolean {\n    return VALUELESS.has(operator);\n}\n\n/** True when the operator takes several values. */\nexport function isMulti(operator: FilterOperator): boolean {\n    return MULTI.has(operator);\n}\n\n/**\n * Is this filter complete enough to apply?\n *\n * An incomplete filter is not an error to shout about — it is a half-filled form.\n * The component uses this to keep \"Add\" disabled, which says the same thing without\n * a message nobody asked for.\n */\nexport function isComplete(filter: Filter): boolean {\n    if (isValueless(filter.operator)) return true;\n    const { value } = filter;\n    if (value === undefined) return false;\n    if (Array.isArray(value)) {\n        if (filter.operator === \"between\") return value.length === 2 && value.every(Boolean);\n        return value.length > 0 && value.every(Boolean);\n    }\n    return String(value).trim() !== \"\";\n}\n\n/** Human text for one value, resolving a `select` option to its label. */\nfunction valueLabel(field: FilterField | undefined, raw: string): string {\n    const option = field?.options?.find((candidate) => candidate.value === raw);\n    return option ? option.label : raw;\n}\n\n/**\n * One filter, in words: `\"Status é Pago\"`.\n *\n * Used for the chip and for the screen-reader announcement, from the same source —\n * a chip that reads `status=eq:paid` to a sighted user and something else to a\n * screen reader would be two different truths.\n */\nexport function describeFilter(\n    filter: Filter,\n    fields: readonly FilterField[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string {\n    const field = fields.find((candidate) => candidate.name === filter.field);\n    const name = field?.label ?? filter.field;\n    const operator = operatorLabel(filter.operator, locale);\n    if (isValueless(filter.operator)) return `${name} ${operator}`;\n\n    const values = Array.isArray(filter.value)\n        ? filter.value.map((raw) => valueLabel(field, raw))\n        : [valueLabel(field, String(filter.value ?? \"\"))];\n\n    if (filter.operator === \"between\" && values.length === 2) {\n        const joiner = locale === \"en\" ? \"and\" : \"e\";\n        return `${name} ${operator} ${values[0]} ${joiner} ${values[1]}`;\n    }\n    return `${name} ${operator} ${values.join(\", \")}`;\n}\n\n/** Default operator for a field — the first one it offers. */\nexport function defaultOperator(field: FilterField): FilterOperator {\n    return operatorsFor(field)[0] ?? \"eq\";\n}\n\n/**\n * Serialize filters into URL search params.\n *\n * One param per filter, `field=operator:value`, with `|` between the values of a\n * multi-value operator. A filter set that cannot survive a reload is a filter set\n * people re-enter every time they open a link somebody sent them, so this is part\n * of the model rather than something each app reinvents.\n *\n * Repeated fields are kept: `status=eq:paid&status=eq:sent` is two filters, and\n * collapsing them would silently drop one.\n *\n * @param filters - Applied filters.\n * @returns Params ready to merge into a location.\n */\nexport function filtersToSearchParams(filters: readonly Filter[]): URLSearchParams {\n    const params = new URLSearchParams();\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n        const value = Array.isArray(filter.value) ? filter.value.join(\"|\") : (filter.value ?? \"\");\n        params.append(\n            filter.field,\n            isValueless(filter.operator) ? filter.operator : `${filter.operator}:${value}`,\n        );\n    }\n    return params;\n}\n\n/**\n * Read filters back from URL search params.\n *\n * Anything that does not parse is dropped rather than guessed at: a hand-edited URL\n * is the normal way this input arrives, and rendering a filter the app cannot\n * evaluate would show a list that does not match what the chips claim.\n *\n * @param params - Params from the location.\n * @param fields - Known fields; a param naming anything else is ignored.\n * @returns The filters that parsed.\n */\nexport function filtersFromSearchParams(\n    params: URLSearchParams,\n    fields: readonly FilterField[],\n): Filter[] {\n    const known = new Map(fields.map((field) => [field.name, field]));\n    const filters: Filter[] = [];\n\n    for (const [name, raw] of params.entries()) {\n        const field = known.get(name);\n        if (!field) continue;\n\n        const separator = raw.indexOf(\":\");\n        const operator = (separator < 0 ? raw : raw.slice(0, separator)) as FilterOperator;\n        if (!operatorsFor(field).includes(operator)) continue;\n\n        if (isValueless(operator)) {\n            filters.push({ field: name, operator });\n            continue;\n        }\n        if (separator < 0) continue;\n\n        const rest = raw.slice(separator + 1);\n        const value = isMulti(operator) ? rest.split(\"|\") : rest;\n        const filter: Filter = { field: name, operator, value };\n        if (isComplete(filter)) filters.push(filter);\n    }\n\n    return filters;\n}\n\n/** Labels the bar needs, per locale. */\ninterface FilterStrings {\n    add: string;\n    apply: string;\n    cancel: string;\n    clear: string;\n    field: string;\n    operator: string;\n    value: string;\n    from: string;\n    to: string;\n    yes: string;\n    no: string;\n    remove: (description: string) => string;\n    active: (count: number) => string;\n    empty: string;\n}\n\nconst PT_BR: FilterStrings = {\n    add: \"Adicionar filtro\",\n    apply: \"Aplicar\",\n    cancel: \"Cancelar\",\n    clear: \"Limpar filtros\",\n    field: \"Campo\",\n    operator: \"Condição\",\n    value: \"Valor\",\n    from: \"De\",\n    to: \"Até\",\n    yes: \"Sim\",\n    no: \"Não\",\n    remove: (description) => `Remover filtro: ${description}`,\n    active: (count) => (count === 1 ? \"1 filtro ativo\" : `${count} filtros ativos`),\n    empty: \"Nenhum filtro\",\n};\n\nconst EN: FilterStrings = {\n    add: \"Add filter\",\n    apply: \"Apply\",\n    cancel: \"Cancel\",\n    clear: \"Clear filters\",\n    field: \"Field\",\n    operator: \"Condition\",\n    value: \"Value\",\n    from: \"From\",\n    to: \"To\",\n    yes: \"Yes\",\n    no: \"No\",\n    remove: (description) => `Remove filter: ${description}`,\n    active: (count) => (count === 1 ? \"1 active filter\" : `${count} active filters`),\n    empty: \"No filters\",\n};\n\n/** Locale strings for the bar. */\nexport function filterStrings(locale: \"pt-BR\" | \"en\"): FilterStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":"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"}
+{"version":3,"file":"filter-model.js","names":["OPERATORS_BY_TYPE","VALUELESS","MULTI","OPERATOR_LABELS","operatorsFor","field","operatorLabel","locale","operator","isValueless","isMulti","isComplete","filter","value","valueLabel","option","candidate","raw","describeFilter","fields","name","values","joiner","defaultOperator","filtersToSearchParams","params","filters","filtersFromSearchParams","known","separator","rest","PT_BR","description","count","EN","filterStrings"],"sources":["../../../src/components/FilterBar/filter-model.ts"],"sourcesContent":["// The filter model behind `FilterBar`: what a field can be compared with, how a\n// filter reads in words, and how a filter set survives a page reload.\n//\n// Flat AND, deliberately. Nested `(a OR b) AND c` groups are a different component\n// with a different UI (a tree with per-node operators) and a different serialization\n// — trying to be both produces a builder that is clumsy for the 95% case, which is\n// \"status is paid, created after March, text contains nota\".\n\n/** Comparison a filter can make. */\nexport type FilterOperator =\n    | \"eq\"\n    | \"ne\"\n    | \"contains\"\n    | \"gt\"\n    | \"gte\"\n    | \"lt\"\n    | \"lte\"\n    | \"between\"\n    | \"in\"\n    | \"empty\"\n    | \"notEmpty\";\n\n/** Kind of value a field holds, which decides its operators and its input. */\nexport type FilterFieldType = \"text\" | \"number\" | \"date\" | \"select\" | \"boolean\";\n\n/** One filterable field. */\nexport interface FilterField {\n    /** Key sent to the backend. */\n    name: string;\n    /** What the user sees. */\n    label: string;\n    type: FilterFieldType;\n    /** Choices for `select`. */\n    options?: ReadonlyArray<{ value: string; label: string }>;\n    /** Restrict or reorder the operators offered. Defaults per type. */\n    operators?: readonly FilterOperator[];\n    /** Placeholder for the value input. */\n    placeholder?: string;\n}\n\n/** One applied filter. */\nexport interface Filter {\n    field: string;\n    operator: FilterOperator;\n    /** `between` carries a pair; `in` carries a list; `empty`/`notEmpty` carry nothing. */\n    value?: string | readonly string[];\n}\n\n/** Operators offered per field type, in the order they appear. */\nconst OPERATORS_BY_TYPE: Record<FilterFieldType, FilterOperator[]> = {\n    text: [\"contains\", \"eq\", \"ne\", \"empty\", \"notEmpty\"],\n    number: [\"eq\", \"ne\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    date: [\"eq\", \"gt\", \"gte\", \"lt\", \"lte\", \"between\"],\n    select: [\"eq\", \"ne\", \"in\", \"empty\", \"notEmpty\"],\n    boolean: [\"eq\"],\n};\n\n/** Operators that take no value at all. */\nconst VALUELESS: ReadonlySet<FilterOperator> = new Set([\"empty\", \"notEmpty\"]);\n\n/** Operators that take more than one value. */\nconst MULTI: ReadonlySet<FilterOperator> = new Set([\"between\", \"in\"]);\n\n/** Human labels for the operators, per locale. */\nconst OPERATOR_LABELS: Record<\"pt-BR\" | \"en\", Record<FilterOperator, string>> = {\n    \"pt-BR\": {\n        eq: \"é\",\n        ne: \"não é\",\n        contains: \"contém\",\n        gt: \"maior que\",\n        gte: \"maior ou igual a\",\n        lt: \"menor que\",\n        lte: \"menor ou igual a\",\n        between: \"entre\",\n        in: \"é um de\",\n        empty: \"está vazio\",\n        notEmpty: \"não está vazio\",\n    },\n    en: {\n        eq: \"is\",\n        ne: \"is not\",\n        contains: \"contains\",\n        gt: \"greater than\",\n        gte: \"at least\",\n        lt: \"less than\",\n        lte: \"at most\",\n        between: \"between\",\n        in: \"is any of\",\n        empty: \"is empty\",\n        notEmpty: \"is not empty\",\n    },\n};\n\n/** The operators a field offers. */\nexport function operatorsFor(field: FilterField): FilterOperator[] {\n    return [...(field.operators ?? OPERATORS_BY_TYPE[field.type])];\n}\n\n/** Label of an operator. */\nexport function operatorLabel(operator: FilterOperator, locale: \"pt-BR\" | \"en\" = \"pt-BR\"): string {\n    return OPERATOR_LABELS[locale][operator] ?? operator;\n}\n\n/** True when the operator needs no value input. */\nexport function isValueless(operator: FilterOperator): boolean {\n    return VALUELESS.has(operator);\n}\n\n/** True when the operator takes several values. */\nexport function isMulti(operator: FilterOperator): boolean {\n    return MULTI.has(operator);\n}\n\n/**\n * Is this filter complete enough to apply?\n *\n * An incomplete filter is not an error to shout about — it is a half-filled form.\n * The component uses this to keep \"Add\" disabled, which says the same thing without\n * a message nobody asked for.\n */\nexport function isComplete(filter: Filter): boolean {\n    if (isValueless(filter.operator)) return true;\n    const { value } = filter;\n    if (value === undefined) return false;\n    if (Array.isArray(value)) {\n        if (filter.operator === \"between\") return value.length === 2 && value.every(Boolean);\n        return value.length > 0 && value.every(Boolean);\n    }\n    return String(value).trim() !== \"\";\n}\n\n/** Human text for one value, resolving a `select` option to its label. */\nfunction valueLabel(field: FilterField | undefined, raw: string): string {\n    const option = field?.options?.find((candidate) => candidate.value === raw);\n    return option ? option.label : raw;\n}\n\n/**\n * One filter, in words: `\"Status é Pago\"`.\n *\n * Used for the chip and for the screen-reader announcement, from the same source —\n * a chip that reads `status=eq:paid` to a sighted user and something else to a\n * screen reader would be two different truths.\n */\nexport function describeFilter(\n    filter: Filter,\n    fields: readonly FilterField[],\n    locale: \"pt-BR\" | \"en\" = \"pt-BR\",\n): string {\n    const field = fields.find((candidate) => candidate.name === filter.field);\n    const name = field?.label ?? filter.field;\n    const operator = operatorLabel(filter.operator, locale);\n    if (isValueless(filter.operator)) return `${name} ${operator}`;\n\n    const values = Array.isArray(filter.value)\n        ? filter.value.map((raw) => valueLabel(field, raw))\n        : [valueLabel(field, String(filter.value ?? \"\"))];\n\n    if (filter.operator === \"between\" && values.length === 2) {\n        const joiner = locale === \"en\" ? \"and\" : \"e\";\n        return `${name} ${operator} ${values[0]} ${joiner} ${values[1]}`;\n    }\n    return `${name} ${operator} ${values.join(\", \")}`;\n}\n\n/** Default operator for a field — the first one it offers. */\nexport function defaultOperator(field: FilterField): FilterOperator {\n    return operatorsFor(field)[0] ?? \"eq\";\n}\n\n/**\n * Serialize filters into URL search params.\n *\n * One param per filter, `field=operator:value`, with `|` between the values of a\n * multi-value operator. A filter set that cannot survive a reload is a filter set\n * people re-enter every time they open a link somebody sent them, so this is part\n * of the model rather than something each app reinvents.\n *\n * Repeated fields are kept: `status=eq:paid&status=eq:sent` is two filters, and\n * collapsing them would silently drop one.\n *\n * @param filters - Applied filters.\n * @returns Params ready to merge into a location.\n */\nexport function filtersToSearchParams(filters: readonly Filter[]): URLSearchParams {\n    const params = new URLSearchParams();\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n        const value = Array.isArray(filter.value) ? filter.value.join(\"|\") : (filter.value ?? \"\");\n        params.append(\n            filter.field,\n            isValueless(filter.operator) ? filter.operator : `${filter.operator}:${value}`,\n        );\n    }\n    return params;\n}\n\n/**\n * Read filters back from URL search params.\n *\n * Anything that does not parse is dropped rather than guessed at: a hand-edited URL\n * is the normal way this input arrives, and rendering a filter the app cannot\n * evaluate would show a list that does not match what the chips claim.\n *\n * @param params - Params from the location.\n * @param fields - Known fields; a param naming anything else is ignored.\n * @returns The filters that parsed.\n */\nexport function filtersFromSearchParams(\n    params: URLSearchParams,\n    fields: readonly FilterField[],\n): Filter[] {\n    const known = new Map(fields.map((field) => [field.name, field]));\n    const filters: Filter[] = [];\n\n    for (const [name, raw] of params.entries()) {\n        const field = known.get(name);\n        if (!field) continue;\n\n        const separator = raw.indexOf(\":\");\n        const operator = (separator < 0 ? raw : raw.slice(0, separator)) as FilterOperator;\n        if (!operatorsFor(field).includes(operator)) continue;\n\n        if (isValueless(operator)) {\n            filters.push({ field: name, operator });\n            continue;\n        }\n        if (separator < 0) continue;\n\n        const rest = raw.slice(separator + 1);\n        const value = isMulti(operator) ? rest.split(\"|\") : rest;\n        const filter: Filter = { field: name, operator, value };\n        if (isComplete(filter)) filters.push(filter);\n    }\n\n    return filters;\n}\n\n/** Labels the bar needs, per locale. */\ninterface FilterStrings {\n    add: string;\n    apply: string;\n    cancel: string;\n    clear: string;\n    field: string;\n    operator: string;\n    value: string;\n    from: string;\n    to: string;\n    yes: string;\n    no: string;\n    remove: (description: string) => string;\n    active: (count: number) => string;\n    empty: string;\n}\n\nconst PT_BR: FilterStrings = {\n    add: \"Adicionar filtro\",\n    apply: \"Aplicar\",\n    cancel: \"Cancelar\",\n    clear: \"Limpar filtros\",\n    field: \"Campo\",\n    operator: \"Condição\",\n    value: \"Valor\",\n    from: \"De\",\n    to: \"Até\",\n    yes: \"Sim\",\n    no: \"Não\",\n    remove: (description) => `Remover filtro: ${description}`,\n    active: (count) => (count === 1 ? \"1 filtro ativo\" : `${count} filtros ativos`),\n    empty: \"Nenhum filtro\",\n};\n\nconst EN: FilterStrings = {\n    add: \"Add filter\",\n    apply: \"Apply\",\n    cancel: \"Cancel\",\n    clear: \"Clear filters\",\n    field: \"Field\",\n    operator: \"Condition\",\n    value: \"Value\",\n    from: \"From\",\n    to: \"To\",\n    yes: \"Yes\",\n    no: \"No\",\n    remove: (description) => `Remove filter: ${description}`,\n    active: (count) => (count === 1 ? \"1 active filter\" : `${count} active filters`),\n    empty: \"No filters\",\n};\n\n/** Locale strings for the bar. */\nexport function filterStrings(locale: \"pt-BR\" | \"en\"): FilterStrings {\n    return locale === \"en\" ? EN : PT_BR;\n}\n"],"mappings":"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"}

package/dist/components/FilterBar/filter-query.cjs

@@ -1,2 +1,2 @@
-const e=require("./filter-model.cjs"),t=require("./filter-apply.cjs");var n={eq:``,ne:`__ne`,contains:`__icontains`,gt:`__gt`,gte:`__gte`,lt:`__lt`,lte:`__lte`,between:`__between`,in:`__in`,empty:`__isnull`,notEmpty:`__isnull`},r=new Set([`name`]);function i(i,a={}){let o=a.operatorSuffix?{...n,...a.operatorSuffix}:n,s=a.substringColumns?new Set(a.substringColumns):r,c=new URLSearchParams;for(let n of i){if(!e.isComplete(n))continue;let r=o[n.operator],i=n.operator===`eq`&&s.has(n.field)?`${n.field}__iexact`:`${n.field}${r}`;if(n.operator===`empty`||n.operator===`notEmpty`){c.append(i,n.operator===`empty`?`true`:`false`);continue}let a=Array.isArray(n.value)?[...n.value]:[String(n.value??``)];if(n.operator===`between`){for(let e of t.orderRange(a))c.append(i,e);continue}for(let e of a)c.append(i,e)}return c}exports.filtersToQueryParams=i;
+const e=require("./filter-model.cjs"),t=require("./filter-apply.cjs");var n={eq:``,ne:`__ne`,contains:`__icontains`,gt:`__gt`,gte:`__gte`,lt:`__lt`,lte:`__lte`,between:`__between`,in:`__in`,empty:`__isnull`,notEmpty:`__isnull`},r=new Set([`name`]);function i(i,a={}){let o=a.operatorSuffix?{...n,...a.operatorSuffix}:n,s=a.substringColumns?new Set(a.substringColumns):r,c=new URLSearchParams;for(let n of i){if(!e.isComplete(n))continue;let r=o[n.operator],i=n.operator===`eq`&&s.has(n.field)?`${n.field}__iexact`:`${n.field}${r}`;if(n.operator===`empty`||n.operator===`notEmpty`){c.append(i,n.operator===`empty`?`true`:`false`);continue}let a=Array.isArray(n.value)?[...n.value]:[String(n.value??``)];if(n.operator===`between`)for(let e of t.orderRange(a))c.append(i,e);else for(let e of a)c.append(i,e)}return c}exports.filtersToQueryParams=i;
 //# sourceMappingURL=filter-query.cjs.map

package/dist/components/FilterBar/filter-query.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-query.cjs","names":[],"sources":["../../../src/components/FilterBar/filter-query.ts"],"sourcesContent":["// Server-side half of the filter model: the same `Filter[]` the bar produces,\n// encoded the way a paginated backend expects to read it. Kept apart from\n// `filtersToSearchParams` (filter-model.ts) because the two answer different\n// questions — that one round-trips the UI state through the URL, this one talks\n// to an API and its shape is the API's, not ours.\n\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\nimport { orderRange } from \"./filter-apply\";\n\n/**\n * Operator suffix per filter operator, following the `<column>__<op>` convention\n * of `tempest-fastapi-sdk`.\n *\n * Ported from `build_filter_condition` in\n * `tempest_fastapi_sdk/db/expressions.py`, which is what `BaseRepository`\n * dict filters and `Q` both resolve through. An empty suffix means the bare\n * column name, which that function resolves to plain equality.\n *\n * `contains` maps to `icontains` (case-insensitive, and the backend escapes the\n * `LIKE` wildcards) and both emptiness operators map to `isnull`, whose value\n * carries the direction.\n */\nconst DEFAULT_OPERATOR_SUFFIX: Record<FilterOperator, string> = {\n    eq: \"\",\n    ne: \"__ne\",\n    contains: \"__icontains\",\n    gt: \"__gt\",\n    gte: \"__gte\",\n    lt: \"__lt\",\n    lte: \"__lte\",\n    between: \"__between\",\n    in: \"__in\",\n    empty: \"__isnull\",\n    notEmpty: \"__isnull\",\n};\n\n/**\n * Columns the backend treats as a substring search when they carry no operator\n * suffix.\n *\n * Ported from `build_filter_condition`, which special-cases a string `name` into\n * `ILIKE %value%`. Sending a bare `name=` for an `eq` filter would therefore ask\n * for \"contains\" while the chip says \"is\", so `eq` on such a column is emitted as\n * `name__iexact` instead.\n */\nconst DEFAULT_SUBSTRING_COLUMNS: ReadonlySet<string> = new Set([\"name\"]);\n\n/** Overrides for the backend dialect {@link filtersToQueryParams} encodes into. */\nexport interface FiltersToQueryParamsOptions {\n    /**\n     * Columns whose `eq` is emitted as `<column>__iexact` rather than as the bare\n     * column name. Default `[\"name\"]`, which is what `build_filter_condition`\n     * special-cases.\n     *\n     * Pass the columns **your** backend treats that way — `nome`, `titulo`,\n     * `razao_social` — or `[]` when it treats none of them specially and a bare\n     * `eq` should stay bare.\n     */\n    substringColumns?: readonly string[];\n    /**\n     * Operator suffixes, merged over the `tempest-fastapi-sdk` dialect, so an\n     * override names only the operators that differ.\n     *\n     * @example\n     * // A DRF-style backend\n     * filtersToQueryParams(filters, {\n     *     substringColumns: [],\n     *     operatorSuffix: { contains: \"__icontains\", ne: \"__exclude\" },\n     * });\n     */\n    operatorSuffix?: Partial<Record<FilterOperator, string>>;\n}\n\n/**\n * Encode filters as query params for a paginated backend.\n *\n * The counterpart of {@link applyFilters}: same filter set, evaluated by the\n * database instead of by the browser, which is the only option once the list is\n * paginated on the server and the page in memory is not the whole result.\n *\n * The encoding is the `<column>__<op>` convention `tempest-fastapi-sdk` already\n * reads (`BaseRepository._apply_filters` → `build_filter_condition`):\n *\n * | Operator | Param |\n * | --- | --- |\n * | `eq` | `field` (or `field__iexact` for the `name` column) |\n * | `ne` | `field__ne` |\n * | `contains` | `field__icontains` |\n * | `gt` `gte` `lt` `lte` | `field__gt` … `field__lte` |\n * | `between` | `field__between` twice, low value first |\n * | `in` | `field__in` once per value |\n * | `empty` / `notEmpty` | `field__isnull=true` / `=false` |\n *\n * Returns `URLSearchParams` rather than a plain object because `between` carries\n * a pair and `in` carries a list: an object would keep only the last value of\n * each, silently narrowing the filter. Repeated params are also how FastAPI\n * receives a `list[str]` declared with `Query`.\n *\n * Two things the backend has to hold up its end of, or the filter fails quietly:\n *\n * - **Every key must be declared.** `BasePaginationFilterSchema.get_conditions()`\n *   only forwards fields the subclass declares, so a `status__ne` the schema\n *   never mentions is dropped by FastAPI before the repository sees it — no\n *   error, no filtering.\n * - **`isnull` matches `NULL` only.** A column that stores `\"\"` for \"no value\"\n *   will not answer an `empty` filter, while {@link applyFilters} treats blank\n *   text as empty.\n *\n * The defaults are that dialect, not a universal truth. A backend that names its\n * substring column something other than `name`, or that spells its operators\n * differently, passes `options` — the alternative was an encoder whose special\n * cases were a wall for anyone not on the Tempest stack.\n *\n * @example\n * const params = filtersToQueryParams(filters);\n * params.set(\"page\", String(page));\n * const data = await api.get(`/orders?${params}`);\n *\n * @example\n * // A backend whose searchable column is `razao_social` and that spells `ne`\n * // the Django way.\n * const params = filtersToQueryParams(filters, {\n *     substringColumns: [\"razao_social\"],\n *     operatorSuffix: { ne: \"__exclude\" },\n * });\n *\n * @param filters - Applied filters; incomplete ones are ignored.\n * @param options - Dialect overrides. Defaults to the `tempest-fastapi-sdk` one.\n * @returns Params ready to append to a request URL.\n */\nexport function filtersToQueryParams(\n    filters: readonly Filter[],\n    options: FiltersToQueryParamsOptions = {},\n): URLSearchParams {\n    const suffixes = options.operatorSuffix\n        ? { ...DEFAULT_OPERATOR_SUFFIX, ...options.operatorSuffix }\n        : DEFAULT_OPERATOR_SUFFIX;\n    const substringColumns = options.substringColumns\n        ? new Set(options.substringColumns)\n        : DEFAULT_SUBSTRING_COLUMNS;\n\n    const params = new URLSearchParams();\n\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n\n        const suffix = suffixes[filter.operator];\n        const key =\n            filter.operator === \"eq\" && substringColumns.has(filter.field)\n                ? `${filter.field}__iexact`\n                : `${filter.field}${suffix}`;\n\n        if (filter.operator === \"empty\" || filter.operator === \"notEmpty\") {\n            params.append(key, filter.operator === \"empty\" ? \"true\" : \"false\");\n            continue;\n        }\n\n        const values = Array.isArray(filter.value)\n            ? [...filter.value]\n            : [String(filter.value ?? \"\")];\n\n        if (filter.operator === \"between\") {\n            for (const value of orderRange(values)) params.append(key, value);\n            continue;\n        }\n\n        for (const value of values) params.append(key, value);\n    }\n\n    return params;\n}\n"],"mappings":"sEAuBA,IAAM,EAA0D,CAC5D,GAAI,GACJ,GAAI,OACJ,SAAU,cACV,GAAI,OACJ,IAAK,QACL,GAAI,OACJ,IAAK,QACL,QAAS,YACT,GAAI,OACJ,MAAO,WACP,SAAU,UACd,EAWM,EAAiD,IAAI,IAAI,CAAC,MAAM,CAAC,EAqFvE,SAAgB,EACZ,EACA,EAAuC,CAAC,EACzB,CACf,IAAM,EAAW,EAAQ,eACnB,CAAE,GAAG,EAAyB,GAAG,EAAQ,cAAe,EACxD,EACA,EAAmB,EAAQ,iBAC3B,IAAI,IAAI,EAAQ,gBAAgB,EAChC,EAEA,EAAS,IAAI,gBAEnB,IAAK,IAAM,KAAU,EAAS,CAC1B,GAAI,CAAC,EAAA,WAAW,CAAM,EAAG,SAEzB,IAAM,EAAS,EAAS,EAAO,UACzB,EACF,EAAO,WAAa,MAAQ,EAAiB,IAAI,EAAO,KAAK,EACvD,GAAG,EAAO,MAAM,UAChB,GAAG,EAAO,QAAQ,IAE5B,GAAI,EAAO,WAAa,SAAW,EAAO,WAAa,WAAY,CAC/D,EAAO,OAAO,EAAK,EAAO,WAAa,QAAU,OAAS,OAAO,EACjE,QACJ,CAEA,IAAM,EAAS,MAAM,QAAQ,EAAO,KAAK,EACnC,CAAC,GAAG,EAAO,KAAK,EAChB,CAAC,OAAO,EAAO,OAAS,EAAE,CAAC,EAEjC,GAAI,EAAO,WAAa,UAAW,CAC/B,IAAK,IAAM,KAAS,EAAA,WAAW,CAAM,EAAG,EAAO,OAAO,EAAK,CAAK,EAChE,QACJ,CAEA,IAAK,IAAM,KAAS,EAAQ,EAAO,OAAO,EAAK,CAAK,CACxD,CAEA,OAAO,CACX"}
+{"version":3,"file":"filter-query.cjs","names":["isComplete","orderRange","require_filter_model","require_filter_apply","DEFAULT_OPERATOR_SUFFIX","DEFAULT_SUBSTRING_COLUMNS","filtersToQueryParams","suffixes","options","substringColumns","params","filter","filters","suffix","key","values","value"],"sources":["../../../src/components/FilterBar/filter-query.ts"],"sourcesContent":["// Server-side half of the filter model: the same `Filter[]` the bar produces,\n// encoded the way a paginated backend expects to read it. Kept apart from\n// `filtersToSearchParams` (filter-model.ts) because the two answer different\n// questions — that one round-trips the UI state through the URL, this one talks\n// to an API and its shape is the API's, not ours.\n\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\nimport { orderRange } from \"./filter-apply\";\n\n/**\n * Operator suffix per filter operator, following the `<column>__<op>` convention\n * of `tempest-fastapi-sdk`.\n *\n * Ported from `build_filter_condition` in\n * `tempest_fastapi_sdk/db/expressions.py`, which is what `BaseRepository`\n * dict filters and `Q` both resolve through. An empty suffix means the bare\n * column name, which that function resolves to plain equality.\n *\n * `contains` maps to `icontains` (case-insensitive, and the backend escapes the\n * `LIKE` wildcards) and both emptiness operators map to `isnull`, whose value\n * carries the direction.\n */\nconst DEFAULT_OPERATOR_SUFFIX: Record<FilterOperator, string> = {\n    eq: \"\",\n    ne: \"__ne\",\n    contains: \"__icontains\",\n    gt: \"__gt\",\n    gte: \"__gte\",\n    lt: \"__lt\",\n    lte: \"__lte\",\n    between: \"__between\",\n    in: \"__in\",\n    empty: \"__isnull\",\n    notEmpty: \"__isnull\",\n};\n\n/**\n * Columns the backend treats as a substring search when they carry no operator\n * suffix.\n *\n * Ported from `build_filter_condition`, which special-cases a string `name` into\n * `ILIKE %value%`. Sending a bare `name=` for an `eq` filter would therefore ask\n * for \"contains\" while the chip says \"is\", so `eq` on such a column is emitted as\n * `name__iexact` instead.\n */\nconst DEFAULT_SUBSTRING_COLUMNS: ReadonlySet<string> = new Set([\"name\"]);\n\n/** Overrides for the backend dialect {@link filtersToQueryParams} encodes into. */\nexport interface FiltersToQueryParamsOptions {\n    /**\n     * Columns whose `eq` is emitted as `<column>__iexact` rather than as the bare\n     * column name. Default `[\"name\"]`, which is what `build_filter_condition`\n     * special-cases.\n     *\n     * Pass the columns **your** backend treats that way — `nome`, `titulo`,\n     * `razao_social` — or `[]` when it treats none of them specially and a bare\n     * `eq` should stay bare.\n     */\n    substringColumns?: readonly string[];\n    /**\n     * Operator suffixes, merged over the `tempest-fastapi-sdk` dialect, so an\n     * override names only the operators that differ.\n     *\n     * @example\n     * // A DRF-style backend\n     * filtersToQueryParams(filters, {\n     *     substringColumns: [],\n     *     operatorSuffix: { contains: \"__icontains\", ne: \"__exclude\" },\n     * });\n     */\n    operatorSuffix?: Partial<Record<FilterOperator, string>>;\n}\n\n/**\n * Encode filters as query params for a paginated backend.\n *\n * The counterpart of {@link applyFilters}: same filter set, evaluated by the\n * database instead of by the browser, which is the only option once the list is\n * paginated on the server and the page in memory is not the whole result.\n *\n * The encoding is the `<column>__<op>` convention `tempest-fastapi-sdk` already\n * reads (`BaseRepository._apply_filters` → `build_filter_condition`):\n *\n * | Operator | Param |\n * | --- | --- |\n * | `eq` | `field` (or `field__iexact` for the `name` column) |\n * | `ne` | `field__ne` |\n * | `contains` | `field__icontains` |\n * | `gt` `gte` `lt` `lte` | `field__gt` … `field__lte` |\n * | `between` | `field__between` twice, low value first |\n * | `in` | `field__in` once per value |\n * | `empty` / `notEmpty` | `field__isnull=true` / `=false` |\n *\n * Returns `URLSearchParams` rather than a plain object because `between` carries\n * a pair and `in` carries a list: an object would keep only the last value of\n * each, silently narrowing the filter. Repeated params are also how FastAPI\n * receives a `list[str]` declared with `Query`.\n *\n * Two things the backend has to hold up its end of, or the filter fails quietly:\n *\n * - **Every key must be declared.** `BasePaginationFilterSchema.get_conditions()`\n *   only forwards fields the subclass declares, so a `status__ne` the schema\n *   never mentions is dropped by FastAPI before the repository sees it — no\n *   error, no filtering.\n * - **`isnull` matches `NULL` only.** A column that stores `\"\"` for \"no value\"\n *   will not answer an `empty` filter, while {@link applyFilters} treats blank\n *   text as empty.\n *\n * The defaults are that dialect, not a universal truth. A backend that names its\n * substring column something other than `name`, or that spells its operators\n * differently, passes `options` — the alternative was an encoder whose special\n * cases were a wall for anyone not on the Tempest stack.\n *\n * @example\n * const params = filtersToQueryParams(filters);\n * params.set(\"page\", String(page));\n * const data = await api.get(`/orders?${params}`);\n *\n * @example\n * // A backend whose searchable column is `razao_social` and that spells `ne`\n * // the Django way.\n * const params = filtersToQueryParams(filters, {\n *     substringColumns: [\"razao_social\"],\n *     operatorSuffix: { ne: \"__exclude\" },\n * });\n *\n * @param filters - Applied filters; incomplete ones are ignored.\n * @param options - Dialect overrides. Defaults to the `tempest-fastapi-sdk` one.\n * @returns Params ready to append to a request URL.\n */\nexport function filtersToQueryParams(\n    filters: readonly Filter[],\n    options: FiltersToQueryParamsOptions = {},\n): URLSearchParams {\n    const suffixes = options.operatorSuffix\n        ? { ...DEFAULT_OPERATOR_SUFFIX, ...options.operatorSuffix }\n        : DEFAULT_OPERATOR_SUFFIX;\n    const substringColumns = options.substringColumns\n        ? new Set(options.substringColumns)\n        : DEFAULT_SUBSTRING_COLUMNS;\n\n    const params = new URLSearchParams();\n\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n\n        const suffix = suffixes[filter.operator];\n        const key =\n            filter.operator === \"eq\" && substringColumns.has(filter.field)\n                ? `${filter.field}__iexact`\n                : `${filter.field}${suffix}`;\n\n        if (filter.operator === \"empty\" || filter.operator === \"notEmpty\") {\n            params.append(key, filter.operator === \"empty\" ? \"true\" : \"false\");\n            continue;\n        }\n\n        const values = Array.isArray(filter.value)\n            ? [...filter.value]\n            : [String(filter.value ?? \"\")];\n\n        if (filter.operator === \"between\") {\n            for (const value of orderRange(values)) params.append(key, value);\n            continue;\n        }\n\n        for (const value of values) params.append(key, value);\n    }\n\n    return params;\n}\n"],"mappings":"A,sEAuBA,IAAMI,EAA0D,CAC5D,GAAI,GACJ,GAAI,OACJ,SAAU,cACV,GAAI,OACJ,IAAK,QACL,GAAI,OACJ,IAAK,QACL,QAAS,YACT,GAAI,OACJ,MAAO,WACP,SAAU,UACd,EAWMC,EAAiD,IAAI,IAAI,CAAC,MAAM,CAAC,EAqFvE,SAAgBC,EACZ,EACA,EAAuC,CAAC,EACzB,CACf,IAAMC,EAAWC,EAAQ,eACnB,CAAE,GAAGJ,EAAyB,GAAGI,EAAQ,cAAe,EACxDJ,EACAK,EAAmBD,EAAQ,iBAC3B,IAAI,IAAIA,EAAQ,gBAAgB,EAChCH,EAEAK,EAAS,IAAI,gBAEnB,IAAK,IAAMC,KAAUC,EAAS,CAC1B,GAAI,CAACZ,EAAAA,WAAWW,CAAM,EAAG,SAEzB,IAAME,EAASN,EAASI,EAAO,UACzBG,EACFH,EAAO,WAAa,MAAQF,EAAiB,IAAIE,EAAO,KAAK,EACvD,GAAGA,EAAO,MAAM,UAChB,GAAGA,EAAO,QAAQE,IAE5B,GAAIF,EAAO,WAAa,SAAWA,EAAO,WAAa,WAAY,CAC/DD,EAAO,OAAOI,EAAKH,EAAO,WAAa,QAAU,OAAS,OAAO,EACjE,QACJ,CAEA,IAAMI,EAAS,MAAM,QAAQJ,EAAO,KAAK,EACnC,CAAC,GAAGA,EAAO,KAAK,EAChB,CAAC,OAAOA,EAAO,OAAS,EAAE,CAAC,EAEjC,GAAIA,EAAO,WAAa,UACpB,IAAK,IAAMK,KAASf,EAAAA,WAAWc,CAAM,EAAGL,EAAO,OAAOI,EAAKE,CAAK,OAIpE,IAAK,IAAMA,KAASD,EAAQL,EAAO,OAAOI,EAAKE,CAAK,CACxD,CAEA,OAAON,CACX,C"}

package/dist/components/FilterBar/filter-query.js

@@ -27,11 +27,8 @@ function i(i, a = {}) {
 			continue;
 		}
 		let a = Array.isArray(n.value) ? [...n.value] : [String(n.value ?? "")];
-		if (n.operator === "between") {
-			for (let e of t(a)) c.append(i, e);
-			continue;
-		}
-		for (let e of a) c.append(i, e);
+		if (n.operator === "between") for (let e of t(a)) c.append(i, e);
+		else for (let e of a) c.append(i, e);
 	}
 	return c;
 }

package/dist/components/FilterBar/filter-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-query.js","names":[],"sources":["../../../src/components/FilterBar/filter-query.ts"],"sourcesContent":["// Server-side half of the filter model: the same `Filter[]` the bar produces,\n// encoded the way a paginated backend expects to read it. Kept apart from\n// `filtersToSearchParams` (filter-model.ts) because the two answer different\n// questions — that one round-trips the UI state through the URL, this one talks\n// to an API and its shape is the API's, not ours.\n\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\nimport { orderRange } from \"./filter-apply\";\n\n/**\n * Operator suffix per filter operator, following the `<column>__<op>` convention\n * of `tempest-fastapi-sdk`.\n *\n * Ported from `build_filter_condition` in\n * `tempest_fastapi_sdk/db/expressions.py`, which is what `BaseRepository`\n * dict filters and `Q` both resolve through. An empty suffix means the bare\n * column name, which that function resolves to plain equality.\n *\n * `contains` maps to `icontains` (case-insensitive, and the backend escapes the\n * `LIKE` wildcards) and both emptiness operators map to `isnull`, whose value\n * carries the direction.\n */\nconst DEFAULT_OPERATOR_SUFFIX: Record<FilterOperator, string> = {\n    eq: \"\",\n    ne: \"__ne\",\n    contains: \"__icontains\",\n    gt: \"__gt\",\n    gte: \"__gte\",\n    lt: \"__lt\",\n    lte: \"__lte\",\n    between: \"__between\",\n    in: \"__in\",\n    empty: \"__isnull\",\n    notEmpty: \"__isnull\",\n};\n\n/**\n * Columns the backend treats as a substring search when they carry no operator\n * suffix.\n *\n * Ported from `build_filter_condition`, which special-cases a string `name` into\n * `ILIKE %value%`. Sending a bare `name=` for an `eq` filter would therefore ask\n * for \"contains\" while the chip says \"is\", so `eq` on such a column is emitted as\n * `name__iexact` instead.\n */\nconst DEFAULT_SUBSTRING_COLUMNS: ReadonlySet<string> = new Set([\"name\"]);\n\n/** Overrides for the backend dialect {@link filtersToQueryParams} encodes into. */\nexport interface FiltersToQueryParamsOptions {\n    /**\n     * Columns whose `eq` is emitted as `<column>__iexact` rather than as the bare\n     * column name. Default `[\"name\"]`, which is what `build_filter_condition`\n     * special-cases.\n     *\n     * Pass the columns **your** backend treats that way — `nome`, `titulo`,\n     * `razao_social` — or `[]` when it treats none of them specially and a bare\n     * `eq` should stay bare.\n     */\n    substringColumns?: readonly string[];\n    /**\n     * Operator suffixes, merged over the `tempest-fastapi-sdk` dialect, so an\n     * override names only the operators that differ.\n     *\n     * @example\n     * // A DRF-style backend\n     * filtersToQueryParams(filters, {\n     *     substringColumns: [],\n     *     operatorSuffix: { contains: \"__icontains\", ne: \"__exclude\" },\n     * });\n     */\n    operatorSuffix?: Partial<Record<FilterOperator, string>>;\n}\n\n/**\n * Encode filters as query params for a paginated backend.\n *\n * The counterpart of {@link applyFilters}: same filter set, evaluated by the\n * database instead of by the browser, which is the only option once the list is\n * paginated on the server and the page in memory is not the whole result.\n *\n * The encoding is the `<column>__<op>` convention `tempest-fastapi-sdk` already\n * reads (`BaseRepository._apply_filters` → `build_filter_condition`):\n *\n * | Operator | Param |\n * | --- | --- |\n * | `eq` | `field` (or `field__iexact` for the `name` column) |\n * | `ne` | `field__ne` |\n * | `contains` | `field__icontains` |\n * | `gt` `gte` `lt` `lte` | `field__gt` … `field__lte` |\n * | `between` | `field__between` twice, low value first |\n * | `in` | `field__in` once per value |\n * | `empty` / `notEmpty` | `field__isnull=true` / `=false` |\n *\n * Returns `URLSearchParams` rather than a plain object because `between` carries\n * a pair and `in` carries a list: an object would keep only the last value of\n * each, silently narrowing the filter. Repeated params are also how FastAPI\n * receives a `list[str]` declared with `Query`.\n *\n * Two things the backend has to hold up its end of, or the filter fails quietly:\n *\n * - **Every key must be declared.** `BasePaginationFilterSchema.get_conditions()`\n *   only forwards fields the subclass declares, so a `status__ne` the schema\n *   never mentions is dropped by FastAPI before the repository sees it — no\n *   error, no filtering.\n * - **`isnull` matches `NULL` only.** A column that stores `\"\"` for \"no value\"\n *   will not answer an `empty` filter, while {@link applyFilters} treats blank\n *   text as empty.\n *\n * The defaults are that dialect, not a universal truth. A backend that names its\n * substring column something other than `name`, or that spells its operators\n * differently, passes `options` — the alternative was an encoder whose special\n * cases were a wall for anyone not on the Tempest stack.\n *\n * @example\n * const params = filtersToQueryParams(filters);\n * params.set(\"page\", String(page));\n * const data = await api.get(`/orders?${params}`);\n *\n * @example\n * // A backend whose searchable column is `razao_social` and that spells `ne`\n * // the Django way.\n * const params = filtersToQueryParams(filters, {\n *     substringColumns: [\"razao_social\"],\n *     operatorSuffix: { ne: \"__exclude\" },\n * });\n *\n * @param filters - Applied filters; incomplete ones are ignored.\n * @param options - Dialect overrides. Defaults to the `tempest-fastapi-sdk` one.\n * @returns Params ready to append to a request URL.\n */\nexport function filtersToQueryParams(\n    filters: readonly Filter[],\n    options: FiltersToQueryParamsOptions = {},\n): URLSearchParams {\n    const suffixes = options.operatorSuffix\n        ? { ...DEFAULT_OPERATOR_SUFFIX, ...options.operatorSuffix }\n        : DEFAULT_OPERATOR_SUFFIX;\n    const substringColumns = options.substringColumns\n        ? new Set(options.substringColumns)\n        : DEFAULT_SUBSTRING_COLUMNS;\n\n    const params = new URLSearchParams();\n\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n\n        const suffix = suffixes[filter.operator];\n        const key =\n            filter.operator === \"eq\" && substringColumns.has(filter.field)\n                ? `${filter.field}__iexact`\n                : `${filter.field}${suffix}`;\n\n        if (filter.operator === \"empty\" || filter.operator === \"notEmpty\") {\n            params.append(key, filter.operator === \"empty\" ? \"true\" : \"false\");\n            continue;\n        }\n\n        const values = Array.isArray(filter.value)\n            ? [...filter.value]\n            : [String(filter.value ?? \"\")];\n\n        if (filter.operator === \"between\") {\n            for (const value of orderRange(values)) params.append(key, value);\n            continue;\n        }\n\n        for (const value of values) params.append(key, value);\n    }\n\n    return params;\n}\n"],"mappings":";;;AAuBA,IAAM,IAA0D;CAC5D,IAAI;CACJ,IAAI;CACJ,UAAU;CACV,IAAI;CACJ,KAAK;CACL,IAAI;CACJ,KAAK;CACL,SAAS;CACT,IAAI;CACJ,OAAO;CACP,UAAU;AACd,GAWM,oBAAiD,IAAI,IAAI,CAAC,MAAM,CAAC;AAqFvE,SAAgB,EACZ,GACA,IAAuC,CAAC,GACzB;CACf,IAAM,IAAW,EAAQ,iBACnB;EAAE,GAAG;EAAyB,GAAG,EAAQ;CAAe,IACxD,GACA,IAAmB,EAAQ,mBAC3B,IAAI,IAAI,EAAQ,gBAAgB,IAChC,GAEA,IAAS,IAAI,gBAAgB;CAEnC,KAAK,IAAM,KAAU,GAAS;EAC1B,IAAI,CAAC,EAAW,CAAM,GAAG;EAEzB,IAAM,IAAS,EAAS,EAAO,WACzB,IACF,EAAO,aAAa,QAAQ,EAAiB,IAAI,EAAO,KAAK,IACvD,GAAG,EAAO,MAAM,YAChB,GAAG,EAAO,QAAQ;EAE5B,IAAI,EAAO,aAAa,WAAW,EAAO,aAAa,YAAY;GAC/D,EAAO,OAAO,GAAK,EAAO,aAAa,UAAU,SAAS,OAAO;GACjE;EACJ;EAEA,IAAM,IAAS,MAAM,QAAQ,EAAO,KAAK,IACnC,CAAC,GAAG,EAAO,KAAK,IAChB,CAAC,OAAO,EAAO,SAAS,EAAE,CAAC;EAEjC,IAAI,EAAO,aAAa,WAAW;GAC/B,KAAK,IAAM,KAAS,EAAW,CAAM,GAAG,EAAO,OAAO,GAAK,CAAK;GAChE;EACJ;EAEA,KAAK,IAAM,KAAS,GAAQ,EAAO,OAAO,GAAK,CAAK;CACxD;CAEA,OAAO;AACX"}
+{"version":3,"file":"filter-query.js","names":["DEFAULT_OPERATOR_SUFFIX","DEFAULT_SUBSTRING_COLUMNS","filtersToQueryParams","suffixes","options","substringColumns","params","filter","filters","isComplete","suffix","key","values","value","orderRange"],"sources":["../../../src/components/FilterBar/filter-query.ts"],"sourcesContent":["// Server-side half of the filter model: the same `Filter[]` the bar produces,\n// encoded the way a paginated backend expects to read it. Kept apart from\n// `filtersToSearchParams` (filter-model.ts) because the two answer different\n// questions — that one round-trips the UI state through the URL, this one talks\n// to an API and its shape is the API's, not ours.\n\nimport type { Filter, FilterOperator } from \"./filter-model\";\nimport { isComplete } from \"./filter-model\";\nimport { orderRange } from \"./filter-apply\";\n\n/**\n * Operator suffix per filter operator, following the `<column>__<op>` convention\n * of `tempest-fastapi-sdk`.\n *\n * Ported from `build_filter_condition` in\n * `tempest_fastapi_sdk/db/expressions.py`, which is what `BaseRepository`\n * dict filters and `Q` both resolve through. An empty suffix means the bare\n * column name, which that function resolves to plain equality.\n *\n * `contains` maps to `icontains` (case-insensitive, and the backend escapes the\n * `LIKE` wildcards) and both emptiness operators map to `isnull`, whose value\n * carries the direction.\n */\nconst DEFAULT_OPERATOR_SUFFIX: Record<FilterOperator, string> = {\n    eq: \"\",\n    ne: \"__ne\",\n    contains: \"__icontains\",\n    gt: \"__gt\",\n    gte: \"__gte\",\n    lt: \"__lt\",\n    lte: \"__lte\",\n    between: \"__between\",\n    in: \"__in\",\n    empty: \"__isnull\",\n    notEmpty: \"__isnull\",\n};\n\n/**\n * Columns the backend treats as a substring search when they carry no operator\n * suffix.\n *\n * Ported from `build_filter_condition`, which special-cases a string `name` into\n * `ILIKE %value%`. Sending a bare `name=` for an `eq` filter would therefore ask\n * for \"contains\" while the chip says \"is\", so `eq` on such a column is emitted as\n * `name__iexact` instead.\n */\nconst DEFAULT_SUBSTRING_COLUMNS: ReadonlySet<string> = new Set([\"name\"]);\n\n/** Overrides for the backend dialect {@link filtersToQueryParams} encodes into. */\nexport interface FiltersToQueryParamsOptions {\n    /**\n     * Columns whose `eq` is emitted as `<column>__iexact` rather than as the bare\n     * column name. Default `[\"name\"]`, which is what `build_filter_condition`\n     * special-cases.\n     *\n     * Pass the columns **your** backend treats that way — `nome`, `titulo`,\n     * `razao_social` — or `[]` when it treats none of them specially and a bare\n     * `eq` should stay bare.\n     */\n    substringColumns?: readonly string[];\n    /**\n     * Operator suffixes, merged over the `tempest-fastapi-sdk` dialect, so an\n     * override names only the operators that differ.\n     *\n     * @example\n     * // A DRF-style backend\n     * filtersToQueryParams(filters, {\n     *     substringColumns: [],\n     *     operatorSuffix: { contains: \"__icontains\", ne: \"__exclude\" },\n     * });\n     */\n    operatorSuffix?: Partial<Record<FilterOperator, string>>;\n}\n\n/**\n * Encode filters as query params for a paginated backend.\n *\n * The counterpart of {@link applyFilters}: same filter set, evaluated by the\n * database instead of by the browser, which is the only option once the list is\n * paginated on the server and the page in memory is not the whole result.\n *\n * The encoding is the `<column>__<op>` convention `tempest-fastapi-sdk` already\n * reads (`BaseRepository._apply_filters` → `build_filter_condition`):\n *\n * | Operator | Param |\n * | --- | --- |\n * | `eq` | `field` (or `field__iexact` for the `name` column) |\n * | `ne` | `field__ne` |\n * | `contains` | `field__icontains` |\n * | `gt` `gte` `lt` `lte` | `field__gt` … `field__lte` |\n * | `between` | `field__between` twice, low value first |\n * | `in` | `field__in` once per value |\n * | `empty` / `notEmpty` | `field__isnull=true` / `=false` |\n *\n * Returns `URLSearchParams` rather than a plain object because `between` carries\n * a pair and `in` carries a list: an object would keep only the last value of\n * each, silently narrowing the filter. Repeated params are also how FastAPI\n * receives a `list[str]` declared with `Query`.\n *\n * Two things the backend has to hold up its end of, or the filter fails quietly:\n *\n * - **Every key must be declared.** `BasePaginationFilterSchema.get_conditions()`\n *   only forwards fields the subclass declares, so a `status__ne` the schema\n *   never mentions is dropped by FastAPI before the repository sees it — no\n *   error, no filtering.\n * - **`isnull` matches `NULL` only.** A column that stores `\"\"` for \"no value\"\n *   will not answer an `empty` filter, while {@link applyFilters} treats blank\n *   text as empty.\n *\n * The defaults are that dialect, not a universal truth. A backend that names its\n * substring column something other than `name`, or that spells its operators\n * differently, passes `options` — the alternative was an encoder whose special\n * cases were a wall for anyone not on the Tempest stack.\n *\n * @example\n * const params = filtersToQueryParams(filters);\n * params.set(\"page\", String(page));\n * const data = await api.get(`/orders?${params}`);\n *\n * @example\n * // A backend whose searchable column is `razao_social` and that spells `ne`\n * // the Django way.\n * const params = filtersToQueryParams(filters, {\n *     substringColumns: [\"razao_social\"],\n *     operatorSuffix: { ne: \"__exclude\" },\n * });\n *\n * @param filters - Applied filters; incomplete ones are ignored.\n * @param options - Dialect overrides. Defaults to the `tempest-fastapi-sdk` one.\n * @returns Params ready to append to a request URL.\n */\nexport function filtersToQueryParams(\n    filters: readonly Filter[],\n    options: FiltersToQueryParamsOptions = {},\n): URLSearchParams {\n    const suffixes = options.operatorSuffix\n        ? { ...DEFAULT_OPERATOR_SUFFIX, ...options.operatorSuffix }\n        : DEFAULT_OPERATOR_SUFFIX;\n    const substringColumns = options.substringColumns\n        ? new Set(options.substringColumns)\n        : DEFAULT_SUBSTRING_COLUMNS;\n\n    const params = new URLSearchParams();\n\n    for (const filter of filters) {\n        if (!isComplete(filter)) continue;\n\n        const suffix = suffixes[filter.operator];\n        const key =\n            filter.operator === \"eq\" && substringColumns.has(filter.field)\n                ? `${filter.field}__iexact`\n                : `${filter.field}${suffix}`;\n\n        if (filter.operator === \"empty\" || filter.operator === \"notEmpty\") {\n            params.append(key, filter.operator === \"empty\" ? \"true\" : \"false\");\n            continue;\n        }\n\n        const values = Array.isArray(filter.value)\n            ? [...filter.value]\n            : [String(filter.value ?? \"\")];\n\n        if (filter.operator === \"between\") {\n            for (const value of orderRange(values)) params.append(key, value);\n            continue;\n        }\n\n        for (const value of values) params.append(key, value);\n    }\n\n    return params;\n}\n"],"mappings":";;;AAuBA,IAAMA,IAA0D;CAC5D,IAAI;CACJ,IAAI;CACJ,UAAU;CACV,IAAI;CACJ,KAAK;CACL,IAAI;CACJ,KAAK;CACL,SAAS;CACT,IAAI;CACJ,OAAO;CACP,UAAU;AACd,GAWMC,oBAAiD,IAAI,IAAI,CAAC,MAAM,CAAC;AAqFvE,SAAgBC,EACZ,GACA,IAAuC,CAAC,GACzB;CACf,IAAMC,IAAWC,EAAQ,iBACnB;EAAE,GAAGJ;EAAyB,GAAGI,EAAQ;CAAe,IACxDJ,GACAK,IAAmBD,EAAQ,mBAC3B,IAAI,IAAIA,EAAQ,gBAAgB,IAChCH,GAEAK,IAAS,IAAI,gBAAgB;CAEnC,KAAK,IAAMC,KAAUC,GAAS;EAC1B,IAAI,CAACC,EAAWF,CAAM,GAAG;EAEzB,IAAMG,IAASP,EAASI,EAAO,WACzBI,IACFJ,EAAO,aAAa,QAAQF,EAAiB,IAAIE,EAAO,KAAK,IACvD,GAAGA,EAAO,MAAM,YAChB,GAAGA,EAAO,QAAQG;EAE5B,IAAIH,EAAO,aAAa,WAAWA,EAAO,aAAa,YAAY;GAC/D,EAAO,OAAOI,GAAKJ,EAAO,aAAa,UAAU,SAAS,OAAO;GACjE;EACJ;EAEA,IAAMK,IAAS,MAAM,QAAQL,EAAO,KAAK,IACnC,CAAC,GAAGA,EAAO,KAAK,IAChB,CAAC,OAAOA,EAAO,SAAS,EAAE,CAAC;EAEjC,IAAIA,EAAO,aAAa,WACpB,KAAK,IAAMM,KAASC,EAAWF,CAAM,GAAG,EAAO,OAAOD,GAAKE,CAAK;OAIpE,KAAK,IAAMA,KAASD,GAAQ,EAAO,OAAOD,GAAKE,CAAK;CACxD;CAEA,OAAOP;AACX"}

package/dist/components/FilterPanel/FilterPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.cjs","names":[],"sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import {\n    useId,\n    type CSSProperties,\n    type FormEvent,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { Button } from \"../Button\";\nimport { Card } from \"../Card\";\nimport { Grid, type ResponsiveValue } from \"../Layout\";\nimport styles from \"./FilterPanel.module.css\";\n\n/** Labels the panel writes itself. */\nexport interface FilterPanelLabels {\n    /** Default title. `\"Filtros\"` / `\"Filters\"`. */\n    title: string;\n    /** The clear button. `\"Limpar filtros\"` / `\"Clear filters\"`. */\n    clear: string;\n    /** The apply button. `\"Filtrar\"` / `\"Apply filters\"`. */\n    apply: string;\n}\n\n/** Built-in labels per locale. */\nconst LABELS: Record<\"pt-BR\" | \"en\", FilterPanelLabels> = {\n    \"pt-BR\": { title: \"Filtros\", clear: \"Limpar filtros\", apply: \"Filtrar\" },\n    en: { title: \"Filters\", clear: \"Clear filters\", apply: \"Apply filters\" },\n};\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"title\" | \"children\" | \"onSubmit\";\n\nexport interface FilterPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The filter controls the screen declares — `Input`, `Select`, a date picker. One grid cell each. */\n    children: ReactNode;\n    /** Heading. Default from `locale`. A string renders as an `h3`; a node renders as given. */\n    title?: ReactNode;\n    /** Header actions that are not fields — \"Atualizar a cada 30s\", \"Exportar CSV\". */\n    actions?: ReactNode;\n    /** Return the screen to its initial filters. Renders the clear button only when set. */\n    onClear?: () => void;\n    /**\n     * Publish the draft. When set, the fields sit in a `<form>`: the apply button\n     * submits it and Enter in any text field applies.\n     */\n    onApply?: () => void;\n    /**\n     * Disable the apply button — pass `!filters.isDirty`. Enter follows the button:\n     * it is the form's default button, so a disabled one blocks implicit submission\n     * too, and nothing is re-applied when nothing changed.\n     */\n    applyDisabled?: boolean;\n    /** Locale for the default title and button labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Override any of the labels. */\n    labels?: Partial<FilterPanelLabels>;\n    /**\n     * Narrowest a field may get before the grid drops a column. Default `\"12rem\"`.\n     * The count follows the **panel's** width, so the same panel fits a page and a\n     * sidebar.\n     */\n    minFieldWidth?: string;\n    /**\n     * Fixed columns per viewport, as in `Grid` — `{ mobile: 1, tablet: 2, desktop: 4 }`.\n     * Replaces `minFieldWidth`, and follows the **viewport**, not the panel.\n     */\n    columns?: ResponsiveValue<number | string>;\n}\n\n/**\n * The frame around a fixed set of filters: a card with a title, a grid of the\n * fields the screen declares, and the actions that belong to no field — clear,\n * apply, export.\n *\n * It holds no state and has no opinion on the fields. `FilterBar` is for ad hoc\n * querying (the user picks field, operator and value); this is for the set a\n * screen already knows — município, UF, situação, a search box. Pair it with\n * `useDraftFilters`: the fields edit `draft`, `onApply` and `onClear` are the\n * hook's `apply` and `clear`.\n *\n * What it settles, each measured in Chromium against the `Card` + `Grid`\n * composition it replaces:\n *\n * - **The grid follows the panel, not the viewport.** `Grid` switches columns on\n *   viewport breakpoints, so the same filters in a 360 px column of a 1280 px\n *   screen got four 57.5 px fields. The default here is\n *   `repeat(auto-fill, minmax(min(100%, minFieldWidth), 1fr))`: the column count\n *   comes from the room the panel has, and `min(100%, …)` keeps a floor wider than\n *   the phone from overflowing it.\n * - **Cells align to the top.** A field showing an error is taller; with the grid\n *   default (`stretch`), its row-mates' boxes grew to match.\n * - **The header wraps.** Three actions next to the title measured 527 px in a\n *   308 px header at 390 px wide, and scrolled the whole page sideways. `Card`'s\n *   header now wraps, and so do the actions inside it.\n * - **Clear and apply have a fixed place**, at the end of the header, apply last.\n *\n * @example\n * const filters = useDraftFilters({ search: \"\", uf: \"\" });\n * <FilterPanel\n *     onApply={() => filters.apply()}\n *     onClear={filters.clear}\n *     applyDisabled={!filters.isDirty}\n * >\n *     <Input label=\"Busca\" value={filters.draft.search}\n *         onChange={(e) => filters.set({ search: e.target.value })} />\n *     <Select label=\"UF\" options={UFS} value={filters.draft.uf}\n *         onChange={(e) => filters.set({ uf: e.target.value })} />\n * </FilterPanel>\n */\nexport function FilterPanel({\n    children,\n    title,\n    actions,\n    onClear,\n    onApply,\n    applyDisabled = false,\n    locale = \"pt-BR\",\n    labels,\n    minFieldWidth = \"12rem\",\n    columns,\n    className,\n    style,\n    ...props\n}: FilterPanelProps) {\n    const formId = useId();\n    const text: FilterPanelLabels = { ...LABELS[locale], ...labels };\n    const heading = title ?? text.title;\n\n    const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n        event.preventDefault();\n        onApply?.();\n    };\n\n    const hasActions = actions !== undefined || onClear !== undefined || onApply !== undefined;\n    const headerActions = hasActions ? (\n        <div className={styles.actions}>\n            {actions}\n            {onClear && (\n                <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onClear}>\n                    {text.clear}\n                </Button>\n            )}\n            {onApply && (\n                <Button type=\"submit\" size=\"sm\" form={formId} disabled={applyDisabled}>\n                    {text.apply}\n                </Button>\n            )}\n        </div>\n    ) : undefined;\n\n    const fields = (\n        <Grid\n            className={styles.fields}\n            columns={\n                columns ??\n                \"repeat(auto-fill, minmax(min(100%, var(--tempest-filter-panel-min)), 1fr))\"\n            }\n        >\n            {children}\n        </Grid>\n    );\n\n    return (\n        <Card\n            flush\n            role=\"search\"\n            aria-label={typeof heading === \"string\" ? heading : undefined}\n            title={heading}\n            actions={headerActions}\n            className={cn(styles.panel, className)}\n            style={{ \"--tempest-filter-panel-min\": minFieldWidth, ...style } as CSSProperties}\n            {...props}\n        >\n            {onApply ? (\n                <form id={formId} className={styles.form} onSubmit={handleSubmit} noValidate>\n                    {fields}\n                </form>\n            ) : (\n                fields\n            )}\n        </Card>\n    );\n}\n"],"mappings":"oOA0BA,IAAM,EAAoD,CACtD,QAAS,CAAE,MAAO,UAAW,MAAO,iBAAkB,MAAO,SAAU,EACvE,GAAI,CAAE,MAAO,UAAW,MAAO,gBAAiB,MAAO,eAAgB,CAC3E,EAkFA,SAAgB,EAAY,CACxB,WACA,QACA,UACA,UACA,UACA,gBAAgB,GAChB,SAAS,QACT,SACA,gBAAgB,QAChB,UACA,YACA,QACA,GAAG,GACc,CACjB,IAAM,GAAA,EAAS,EAAA,MAAA,CAAM,EACf,EAA0B,CAAE,GAAG,EAAO,GAAS,GAAG,CAAO,EACzD,EAAU,GAAS,EAAK,MAExB,EAAgB,GAA4C,CAC9D,EAAM,eAAe,EACrB,IAAU,CACd,EAGM,EADa,IAAY,IAAA,IAAa,IAAY,IAAA,IAAa,IAAY,IAAA,IAE7E,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAvB,SAAA,CACK,EACA,IACG,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,KAAK,SAAS,QAAQ,QAAQ,KAAK,KAAK,QAAS,EACpD,SAAA,EAAK,KACF,CAAA,EAEX,IACG,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,KAAK,SAAS,KAAK,KAAK,KAAM,EAAQ,SAAU,EACnD,SAAA,EAAK,KACF,CAAA,CAEX,CACL,CAAA,EAAA,IAAA,GAEE,GACF,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CACI,UAAW,EAAA,QAAO,OAClB,QACI,GACA,6EAGH,UACC,CAAA,EAGV,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CACI,MAAA,GACA,KAAK,SACL,aAAY,OAAO,GAAY,SAAW,EAAU,IAAA,GACpD,MAAO,EACP,QAAS,EACT,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,MAAO,CAAE,6BAA8B,EAAe,GAAG,CAAM,EAC/D,GAAI,EAEH,SAAA,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,EAAQ,UAAW,EAAA,QAAO,KAAM,SAAU,EAAc,WAAA,GAC7D,SAAA,CACC,CAAA,EAEN,CAEF,CAAA,CAEd"}
+{"version":3,"file":"FilterPanel.cjs","names":["useId","styles","Button","Grid","Card","cn","require_cn","require_Button","require_Card","require_Layout","require_FilterPanel_module","react","react_jsx_runtime","LABELS","FilterPanel","props","formId","text","locale","labels","heading","title","handleSubmit","event","onApply","headerActions","actions","onClear","applyDisabled","fields","columns","className","minFieldWidth","style"],"sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import {\n    useId,\n    type CSSProperties,\n    type FormEvent,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { Button } from \"../Button\";\nimport { Card } from \"../Card\";\nimport { Grid, type ResponsiveValue } from \"../Layout\";\nimport styles from \"./FilterPanel.module.css\";\n\n/** Labels the panel writes itself. */\nexport interface FilterPanelLabels {\n    /** Default title. `\"Filtros\"` / `\"Filters\"`. */\n    title: string;\n    /** The clear button. `\"Limpar filtros\"` / `\"Clear filters\"`. */\n    clear: string;\n    /** The apply button. `\"Filtrar\"` / `\"Apply filters\"`. */\n    apply: string;\n}\n\n/** Built-in labels per locale. */\nconst LABELS: Record<\"pt-BR\" | \"en\", FilterPanelLabels> = {\n    \"pt-BR\": { title: \"Filtros\", clear: \"Limpar filtros\", apply: \"Filtrar\" },\n    en: { title: \"Filters\", clear: \"Clear filters\", apply: \"Apply filters\" },\n};\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"title\" | \"children\" | \"onSubmit\";\n\nexport interface FilterPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The filter controls the screen declares — `Input`, `Select`, a date picker. One grid cell each. */\n    children: ReactNode;\n    /** Heading. Default from `locale`. A string renders as an `h3`; a node renders as given. */\n    title?: ReactNode;\n    /** Header actions that are not fields — \"Atualizar a cada 30s\", \"Exportar CSV\". */\n    actions?: ReactNode;\n    /** Return the screen to its initial filters. Renders the clear button only when set. */\n    onClear?: () => void;\n    /**\n     * Publish the draft. When set, the fields sit in a `<form>`: the apply button\n     * submits it and Enter in any text field applies.\n     */\n    onApply?: () => void;\n    /**\n     * Disable the apply button — pass `!filters.isDirty`. Enter follows the button:\n     * it is the form's default button, so a disabled one blocks implicit submission\n     * too, and nothing is re-applied when nothing changed.\n     */\n    applyDisabled?: boolean;\n    /** Locale for the default title and button labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Override any of the labels. */\n    labels?: Partial<FilterPanelLabels>;\n    /**\n     * Narrowest a field may get before the grid drops a column. Default `\"12rem\"`.\n     * The count follows the **panel's** width, so the same panel fits a page and a\n     * sidebar.\n     */\n    minFieldWidth?: string;\n    /**\n     * Fixed columns per viewport, as in `Grid` — `{ mobile: 1, tablet: 2, desktop: 4 }`.\n     * Replaces `minFieldWidth`, and follows the **viewport**, not the panel.\n     */\n    columns?: ResponsiveValue<number | string>;\n}\n\n/**\n * The frame around a fixed set of filters: a card with a title, a grid of the\n * fields the screen declares, and the actions that belong to no field — clear,\n * apply, export.\n *\n * It holds no state and has no opinion on the fields. `FilterBar` is for ad hoc\n * querying (the user picks field, operator and value); this is for the set a\n * screen already knows — município, UF, situação, a search box. Pair it with\n * `useDraftFilters`: the fields edit `draft`, `onApply` and `onClear` are the\n * hook's `apply` and `clear`.\n *\n * What it settles, each measured in Chromium against the `Card` + `Grid`\n * composition it replaces:\n *\n * - **The grid follows the panel, not the viewport.** `Grid` switches columns on\n *   viewport breakpoints, so the same filters in a 360 px column of a 1280 px\n *   screen got four 57.5 px fields. The default here is\n *   `repeat(auto-fill, minmax(min(100%, minFieldWidth), 1fr))`: the column count\n *   comes from the room the panel has, and `min(100%, …)` keeps a floor wider than\n *   the phone from overflowing it.\n * - **Cells align to the top.** A field showing an error is taller; with the grid\n *   default (`stretch`), its row-mates' boxes grew to match.\n * - **The header wraps.** Three actions next to the title measured 527 px in a\n *   308 px header at 390 px wide, and scrolled the whole page sideways. `Card`'s\n *   header now wraps, and so do the actions inside it.\n * - **Clear and apply have a fixed place**, at the end of the header, apply last.\n *\n * @example\n * const filters = useDraftFilters({ search: \"\", uf: \"\" });\n * <FilterPanel\n *     onApply={() => filters.apply()}\n *     onClear={filters.clear}\n *     applyDisabled={!filters.isDirty}\n * >\n *     <Input label=\"Busca\" value={filters.draft.search}\n *         onChange={(e) => filters.set({ search: e.target.value })} />\n *     <Select label=\"UF\" options={UFS} value={filters.draft.uf}\n *         onChange={(e) => filters.set({ uf: e.target.value })} />\n * </FilterPanel>\n */\nexport function FilterPanel({\n    children,\n    title,\n    actions,\n    onClear,\n    onApply,\n    applyDisabled = false,\n    locale = \"pt-BR\",\n    labels,\n    minFieldWidth = \"12rem\",\n    columns,\n    className,\n    style,\n    ...props\n}: FilterPanelProps) {\n    const formId = useId();\n    const text: FilterPanelLabels = { ...LABELS[locale], ...labels };\n    const heading = title ?? text.title;\n\n    const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n        event.preventDefault();\n        onApply?.();\n    };\n\n    const hasActions = actions !== undefined || onClear !== undefined || onApply !== undefined;\n    const headerActions = hasActions ? (\n        <div className={styles.actions}>\n            {actions}\n            {onClear && (\n                <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onClear}>\n                    {text.clear}\n                </Button>\n            )}\n            {onApply && (\n                <Button type=\"submit\" size=\"sm\" form={formId} disabled={applyDisabled}>\n                    {text.apply}\n                </Button>\n            )}\n        </div>\n    ) : undefined;\n\n    const fields = (\n        <Grid\n            className={styles.fields}\n            columns={\n                columns ??\n                \"repeat(auto-fill, minmax(min(100%, var(--tempest-filter-panel-min)), 1fr))\"\n            }\n        >\n            {children}\n        </Grid>\n    );\n\n    return (\n        <Card\n            flush\n            role=\"search\"\n            aria-label={typeof heading === \"string\" ? heading : undefined}\n            title={heading}\n            actions={headerActions}\n            className={cn(styles.panel, className)}\n            style={{ \"--tempest-filter-panel-min\": minFieldWidth, ...style } as CSSProperties}\n            {...props}\n        >\n            {onApply ? (\n                <form id={formId} className={styles.form} onSubmit={handleSubmit} noValidate>\n                    {fields}\n                </form>\n            ) : (\n                fields\n            )}\n        </Card>\n    );\n}\n"],"mappings":"A,oOA0BA,IAAMa,EAAoD,CACtD,QAAS,CAAE,MAAO,UAAW,MAAO,iBAAkB,MAAO,SAAU,EACvE,GAAI,CAAE,MAAO,UAAW,MAAO,gBAAiB,MAAO,eAAgB,CAC3E,EAkFA,SAAgBC,EAAY,CACxB,WACA,QACA,UACA,UACA,UACA,gBAAgB,GAChB,SAAS,QACT,SACA,gBAAgB,QAChB,UACA,YACA,QACA,GAAGC,GACc,CACjB,IAAMC,GAAA,EAAShB,EAAAA,MAAAA,CAAM,EACfiB,EAA0B,CAAE,GAAGJ,EAAOK,GAAS,GAAGC,CAAO,EACzDC,EAAUC,GAASJ,EAAK,MAExBK,EAAgB,GAA4C,CAC9DC,EAAM,eAAe,EACrBC,IAAU,CACd,EAGMC,EADaC,IAAY,IAAA,IAAaC,IAAY,IAAA,IAAaH,IAAY,IAAA,IAE7E,EAAAZ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWX,EAAAA,QAAO,QAAvB,SAAA,CACKyB,EACAC,IACG,EAAAf,EAAA,IAAA,CAACV,EAAAA,OAAD,CAAQ,KAAK,SAAS,QAAQ,QAAQ,KAAK,KAAK,QAASyB,EACpD,SAAAV,EAAK,KACF,CAAA,EAEXO,IACG,EAAAZ,EAAA,IAAA,CAACV,EAAAA,OAAD,CAAQ,KAAK,SAAS,KAAK,KAAK,KAAMc,EAAQ,SAAUY,EACnD,SAAAX,EAAK,KACF,CAAA,CAEX,CACL,CAAA,EAAA,IAAA,GAEEY,GACF,EAAAjB,EAAA,IAAA,CAACT,EAAAA,KAAD,CACI,UAAWF,EAAAA,QAAO,OAClB,QACI6B,GACA,6EAGH,UACC,CAAA,EAGV,OACI,EAAAlB,EAAA,IAAA,CAACR,EAAAA,KAAD,CACI,MAAA,GACA,KAAK,SACL,aAAY,OAAOgB,GAAY,SAAWA,EAAU,IAAA,GACpD,MAAOA,EACP,QAASK,EACT,UAAWpB,EAAAA,GAAGJ,EAAAA,QAAO,MAAO8B,CAAS,EACrC,MAAO,CAAE,6BAA8BC,EAAe,GAAGC,CAAM,EAC/D,GAAIlB,EAEH,SAAAS,GACG,EAAAZ,EAAA,IAAA,CAAC,OAAD,CAAM,GAAII,EAAQ,UAAWf,EAAAA,QAAO,KAAM,SAAUqB,EAAc,WAAA,GAC7D,SAAAO,CACC,CAAA,EAENA,CAEF,CAAA,CAEd,C"}

package/dist/components/FilterPanel/FilterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.js","names":[],"sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import {\n    useId,\n    type CSSProperties,\n    type FormEvent,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { Button } from \"../Button\";\nimport { Card } from \"../Card\";\nimport { Grid, type ResponsiveValue } from \"../Layout\";\nimport styles from \"./FilterPanel.module.css\";\n\n/** Labels the panel writes itself. */\nexport interface FilterPanelLabels {\n    /** Default title. `\"Filtros\"` / `\"Filters\"`. */\n    title: string;\n    /** The clear button. `\"Limpar filtros\"` / `\"Clear filters\"`. */\n    clear: string;\n    /** The apply button. `\"Filtrar\"` / `\"Apply filters\"`. */\n    apply: string;\n}\n\n/** Built-in labels per locale. */\nconst LABELS: Record<\"pt-BR\" | \"en\", FilterPanelLabels> = {\n    \"pt-BR\": { title: \"Filtros\", clear: \"Limpar filtros\", apply: \"Filtrar\" },\n    en: { title: \"Filters\", clear: \"Clear filters\", apply: \"Apply filters\" },\n};\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"title\" | \"children\" | \"onSubmit\";\n\nexport interface FilterPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The filter controls the screen declares — `Input`, `Select`, a date picker. One grid cell each. */\n    children: ReactNode;\n    /** Heading. Default from `locale`. A string renders as an `h3`; a node renders as given. */\n    title?: ReactNode;\n    /** Header actions that are not fields — \"Atualizar a cada 30s\", \"Exportar CSV\". */\n    actions?: ReactNode;\n    /** Return the screen to its initial filters. Renders the clear button only when set. */\n    onClear?: () => void;\n    /**\n     * Publish the draft. When set, the fields sit in a `<form>`: the apply button\n     * submits it and Enter in any text field applies.\n     */\n    onApply?: () => void;\n    /**\n     * Disable the apply button — pass `!filters.isDirty`. Enter follows the button:\n     * it is the form's default button, so a disabled one blocks implicit submission\n     * too, and nothing is re-applied when nothing changed.\n     */\n    applyDisabled?: boolean;\n    /** Locale for the default title and button labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Override any of the labels. */\n    labels?: Partial<FilterPanelLabels>;\n    /**\n     * Narrowest a field may get before the grid drops a column. Default `\"12rem\"`.\n     * The count follows the **panel's** width, so the same panel fits a page and a\n     * sidebar.\n     */\n    minFieldWidth?: string;\n    /**\n     * Fixed columns per viewport, as in `Grid` — `{ mobile: 1, tablet: 2, desktop: 4 }`.\n     * Replaces `minFieldWidth`, and follows the **viewport**, not the panel.\n     */\n    columns?: ResponsiveValue<number | string>;\n}\n\n/**\n * The frame around a fixed set of filters: a card with a title, a grid of the\n * fields the screen declares, and the actions that belong to no field — clear,\n * apply, export.\n *\n * It holds no state and has no opinion on the fields. `FilterBar` is for ad hoc\n * querying (the user picks field, operator and value); this is for the set a\n * screen already knows — município, UF, situação, a search box. Pair it with\n * `useDraftFilters`: the fields edit `draft`, `onApply` and `onClear` are the\n * hook's `apply` and `clear`.\n *\n * What it settles, each measured in Chromium against the `Card` + `Grid`\n * composition it replaces:\n *\n * - **The grid follows the panel, not the viewport.** `Grid` switches columns on\n *   viewport breakpoints, so the same filters in a 360 px column of a 1280 px\n *   screen got four 57.5 px fields. The default here is\n *   `repeat(auto-fill, minmax(min(100%, minFieldWidth), 1fr))`: the column count\n *   comes from the room the panel has, and `min(100%, …)` keeps a floor wider than\n *   the phone from overflowing it.\n * - **Cells align to the top.** A field showing an error is taller; with the grid\n *   default (`stretch`), its row-mates' boxes grew to match.\n * - **The header wraps.** Three actions next to the title measured 527 px in a\n *   308 px header at 390 px wide, and scrolled the whole page sideways. `Card`'s\n *   header now wraps, and so do the actions inside it.\n * - **Clear and apply have a fixed place**, at the end of the header, apply last.\n *\n * @example\n * const filters = useDraftFilters({ search: \"\", uf: \"\" });\n * <FilterPanel\n *     onApply={() => filters.apply()}\n *     onClear={filters.clear}\n *     applyDisabled={!filters.isDirty}\n * >\n *     <Input label=\"Busca\" value={filters.draft.search}\n *         onChange={(e) => filters.set({ search: e.target.value })} />\n *     <Select label=\"UF\" options={UFS} value={filters.draft.uf}\n *         onChange={(e) => filters.set({ uf: e.target.value })} />\n * </FilterPanel>\n */\nexport function FilterPanel({\n    children,\n    title,\n    actions,\n    onClear,\n    onApply,\n    applyDisabled = false,\n    locale = \"pt-BR\",\n    labels,\n    minFieldWidth = \"12rem\",\n    columns,\n    className,\n    style,\n    ...props\n}: FilterPanelProps) {\n    const formId = useId();\n    const text: FilterPanelLabels = { ...LABELS[locale], ...labels };\n    const heading = title ?? text.title;\n\n    const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n        event.preventDefault();\n        onApply?.();\n    };\n\n    const hasActions = actions !== undefined || onClear !== undefined || onApply !== undefined;\n    const headerActions = hasActions ? (\n        <div className={styles.actions}>\n            {actions}\n            {onClear && (\n                <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onClear}>\n                    {text.clear}\n                </Button>\n            )}\n            {onApply && (\n                <Button type=\"submit\" size=\"sm\" form={formId} disabled={applyDisabled}>\n                    {text.apply}\n                </Button>\n            )}\n        </div>\n    ) : undefined;\n\n    const fields = (\n        <Grid\n            className={styles.fields}\n            columns={\n                columns ??\n                \"repeat(auto-fill, minmax(min(100%, var(--tempest-filter-panel-min)), 1fr))\"\n            }\n        >\n            {children}\n        </Grid>\n    );\n\n    return (\n        <Card\n            flush\n            role=\"search\"\n            aria-label={typeof heading === \"string\" ? heading : undefined}\n            title={heading}\n            actions={headerActions}\n            className={cn(styles.panel, className)}\n            style={{ \"--tempest-filter-panel-min\": minFieldWidth, ...style } as CSSProperties}\n            {...props}\n        >\n            {onApply ? (\n                <form id={formId} className={styles.form} onSubmit={handleSubmit} noValidate>\n                    {fields}\n                </form>\n            ) : (\n                fields\n            )}\n        </Card>\n    );\n}\n"],"mappings":";;;;;;;;AA0BA,IAAM,IAAoD;CACtD,SAAS;EAAE,OAAO;EAAW,OAAO;EAAkB,OAAO;CAAU;CACvE,IAAI;EAAE,OAAO;EAAW,OAAO;EAAiB,OAAO;CAAgB;AAC3E;AAkFA,SAAgB,EAAY,EACxB,aACA,UACA,YACA,YACA,YACA,mBAAgB,IAChB,YAAS,SACT,WACA,mBAAgB,SAChB,YACA,cACA,UACA,GAAG,KACc;CACjB,IAAM,IAAS,EAAM,GACf,IAA0B;EAAE,GAAG,EAAO;EAAS,GAAG;CAAO,GACzD,IAAU,KAAS,EAAK,OAExB,KAAgB,MAA4C;EAE9D,AADA,EAAM,eAAe,GACrB,IAAU;CACd,GAGM,IADa,MAAY,KAAA,KAAa,MAAY,KAAA,KAAa,MAAY,KAAA,IAE7E,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAvB,UAAA;GACK;GACA,KACG,kBAAC,GAAD;IAAQ,MAAK;IAAS,SAAQ;IAAQ,MAAK;IAAK,SAAS;IACpD,UAAA,EAAK;GACF,CAAA;GAEX,KACG,kBAAC,GAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,MAAM;IAAQ,UAAU;IACnD,UAAA,EAAK;GACF,CAAA;EAEX;CACL,CAAA,IAAA,KAAA,GAEE,IACF,kBAAC,GAAD;EACI,WAAW,EAAO;EAClB,SACI,KACA;EAGH;CACC,CAAA;CAGV,OACI,kBAAC,GAAD;EACI,OAAA;EACA,MAAK;EACL,cAAY,OAAO,KAAY,WAAW,IAAU,KAAA;EACpD,OAAO;EACP,SAAS;EACT,WAAW,EAAG,EAAO,OAAO,CAAS;EACrC,OAAO;GAAE,8BAA8B;GAAe,GAAG;EAAM;EAC/D,GAAI;EAEH,UAAA,IACG,kBAAC,QAAD;GAAM,IAAI;GAAQ,WAAW,EAAO;GAAM,UAAU;GAAc,YAAA;GAC7D,UAAA;EACC,CAAA,IAEN;CAEF,CAAA;AAEd"}
+{"version":3,"file":"FilterPanel.js","names":["styles","FilterPanel_module_default","LABELS","FilterPanel","props","formId","useId","text","locale","labels","heading","title","handleSubmit","event","onApply","headerActions","actions","onClear","Button","applyDisabled","fields","Grid","columns","Card","cn","className","minFieldWidth","style"],"sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import {\n    useId,\n    type CSSProperties,\n    type FormEvent,\n    type HTMLAttributes,\n    type ReactNode,\n} from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { Button } from \"../Button\";\nimport { Card } from \"../Card\";\nimport { Grid, type ResponsiveValue } from \"../Layout\";\nimport styles from \"./FilterPanel.module.css\";\n\n/** Labels the panel writes itself. */\nexport interface FilterPanelLabels {\n    /** Default title. `\"Filtros\"` / `\"Filters\"`. */\n    title: string;\n    /** The clear button. `\"Limpar filtros\"` / `\"Clear filters\"`. */\n    clear: string;\n    /** The apply button. `\"Filtrar\"` / `\"Apply filters\"`. */\n    apply: string;\n}\n\n/** Built-in labels per locale. */\nconst LABELS: Record<\"pt-BR\" | \"en\", FilterPanelLabels> = {\n    \"pt-BR\": { title: \"Filtros\", clear: \"Limpar filtros\", apply: \"Filtrar\" },\n    en: { title: \"Filters\", clear: \"Clear filters\", apply: \"Apply filters\" },\n};\n\n/** DOM attributes this component redefines. */\ntype OverriddenDomProps = \"title\" | \"children\" | \"onSubmit\";\n\nexport interface FilterPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, OverriddenDomProps> {\n    /** The filter controls the screen declares — `Input`, `Select`, a date picker. One grid cell each. */\n    children: ReactNode;\n    /** Heading. Default from `locale`. A string renders as an `h3`; a node renders as given. */\n    title?: ReactNode;\n    /** Header actions that are not fields — \"Atualizar a cada 30s\", \"Exportar CSV\". */\n    actions?: ReactNode;\n    /** Return the screen to its initial filters. Renders the clear button only when set. */\n    onClear?: () => void;\n    /**\n     * Publish the draft. When set, the fields sit in a `<form>`: the apply button\n     * submits it and Enter in any text field applies.\n     */\n    onApply?: () => void;\n    /**\n     * Disable the apply button — pass `!filters.isDirty`. Enter follows the button:\n     * it is the form's default button, so a disabled one blocks implicit submission\n     * too, and nothing is re-applied when nothing changed.\n     */\n    applyDisabled?: boolean;\n    /** Locale for the default title and button labels. Default `\"pt-BR\"`. */\n    locale?: \"pt-BR\" | \"en\";\n    /** Override any of the labels. */\n    labels?: Partial<FilterPanelLabels>;\n    /**\n     * Narrowest a field may get before the grid drops a column. Default `\"12rem\"`.\n     * The count follows the **panel's** width, so the same panel fits a page and a\n     * sidebar.\n     */\n    minFieldWidth?: string;\n    /**\n     * Fixed columns per viewport, as in `Grid` — `{ mobile: 1, tablet: 2, desktop: 4 }`.\n     * Replaces `minFieldWidth`, and follows the **viewport**, not the panel.\n     */\n    columns?: ResponsiveValue<number | string>;\n}\n\n/**\n * The frame around a fixed set of filters: a card with a title, a grid of the\n * fields the screen declares, and the actions that belong to no field — clear,\n * apply, export.\n *\n * It holds no state and has no opinion on the fields. `FilterBar` is for ad hoc\n * querying (the user picks field, operator and value); this is for the set a\n * screen already knows — município, UF, situação, a search box. Pair it with\n * `useDraftFilters`: the fields edit `draft`, `onApply` and `onClear` are the\n * hook's `apply` and `clear`.\n *\n * What it settles, each measured in Chromium against the `Card` + `Grid`\n * composition it replaces:\n *\n * - **The grid follows the panel, not the viewport.** `Grid` switches columns on\n *   viewport breakpoints, so the same filters in a 360 px column of a 1280 px\n *   screen got four 57.5 px fields. The default here is\n *   `repeat(auto-fill, minmax(min(100%, minFieldWidth), 1fr))`: the column count\n *   comes from the room the panel has, and `min(100%, …)` keeps a floor wider than\n *   the phone from overflowing it.\n * - **Cells align to the top.** A field showing an error is taller; with the grid\n *   default (`stretch`), its row-mates' boxes grew to match.\n * - **The header wraps.** Three actions next to the title measured 527 px in a\n *   308 px header at 390 px wide, and scrolled the whole page sideways. `Card`'s\n *   header now wraps, and so do the actions inside it.\n * - **Clear and apply have a fixed place**, at the end of the header, apply last.\n *\n * @example\n * const filters = useDraftFilters({ search: \"\", uf: \"\" });\n * <FilterPanel\n *     onApply={() => filters.apply()}\n *     onClear={filters.clear}\n *     applyDisabled={!filters.isDirty}\n * >\n *     <Input label=\"Busca\" value={filters.draft.search}\n *         onChange={(e) => filters.set({ search: e.target.value })} />\n *     <Select label=\"UF\" options={UFS} value={filters.draft.uf}\n *         onChange={(e) => filters.set({ uf: e.target.value })} />\n * </FilterPanel>\n */\nexport function FilterPanel({\n    children,\n    title,\n    actions,\n    onClear,\n    onApply,\n    applyDisabled = false,\n    locale = \"pt-BR\",\n    labels,\n    minFieldWidth = \"12rem\",\n    columns,\n    className,\n    style,\n    ...props\n}: FilterPanelProps) {\n    const formId = useId();\n    const text: FilterPanelLabels = { ...LABELS[locale], ...labels };\n    const heading = title ?? text.title;\n\n    const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n        event.preventDefault();\n        onApply?.();\n    };\n\n    const hasActions = actions !== undefined || onClear !== undefined || onApply !== undefined;\n    const headerActions = hasActions ? (\n        <div className={styles.actions}>\n            {actions}\n            {onClear && (\n                <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onClear}>\n                    {text.clear}\n                </Button>\n            )}\n            {onApply && (\n                <Button type=\"submit\" size=\"sm\" form={formId} disabled={applyDisabled}>\n                    {text.apply}\n                </Button>\n            )}\n        </div>\n    ) : undefined;\n\n    const fields = (\n        <Grid\n            className={styles.fields}\n            columns={\n                columns ??\n                \"repeat(auto-fill, minmax(min(100%, var(--tempest-filter-panel-min)), 1fr))\"\n            }\n        >\n            {children}\n        </Grid>\n    );\n\n    return (\n        <Card\n            flush\n            role=\"search\"\n            aria-label={typeof heading === \"string\" ? heading : undefined}\n            title={heading}\n            actions={headerActions}\n            className={cn(styles.panel, className)}\n            style={{ \"--tempest-filter-panel-min\": minFieldWidth, ...style } as CSSProperties}\n            {...props}\n        >\n            {onApply ? (\n                <form id={formId} className={styles.form} onSubmit={handleSubmit} noValidate>\n                    {fields}\n                </form>\n            ) : (\n                fields\n            )}\n        </Card>\n    );\n}\n"],"mappings":";;;;;;;;AA0BA,IAAME,IAAoD;CACtD,SAAS;EAAE,OAAO;EAAW,OAAO;EAAkB,OAAO;CAAU;CACvE,IAAI;EAAE,OAAO;EAAW,OAAO;EAAiB,OAAO;CAAgB;AAC3E;AAkFA,SAAgBC,EAAY,EACxB,aACA,UACA,YACA,YACA,YACA,mBAAgB,IAChB,YAAS,SACT,WACA,mBAAgB,SAChB,YACA,cACA,UACA,GAAGC,KACc;CACjB,IAAMC,IAASC,EAAM,GACfC,IAA0B;EAAE,GAAGL,EAAOM;EAAS,GAAGC;CAAO,GACzDC,IAAUC,KAASJ,EAAK,OAExBK,KAAgB,MAA4C;EAE9D,AADAC,EAAM,eAAe,GACrBC,IAAU;CACd,GAGMC,IADaC,MAAY,KAAA,KAAaC,MAAY,KAAA,KAAaH,MAAY,KAAA,IAE7E,kBAAC,OAAD;EAAK,WAAWd,EAAO;EAAvB,UAAA;GACKgB;GACAC,KACG,kBAACC,GAAD;IAAQ,MAAK;IAAS,SAAQ;IAAQ,MAAK;IAAK,SAASD;IACpD,UAAAV,EAAK;GACF,CAAA;GAEXO,KACG,kBAACI,GAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,MAAMb;IAAQ,UAAUc;IACnD,UAAAZ,EAAK;GACF,CAAA;EAEX;CACL,CAAA,IAAA,KAAA,GAEEa,IACF,kBAACC,GAAD;EACI,WAAWrB,EAAO;EAClB,SACIsB,KACA;EAGH;CACC,CAAA;CAGV,OACI,kBAACC,GAAD;EACI,OAAA;EACA,MAAK;EACL,cAAY,OAAOb,KAAY,WAAWA,IAAU,KAAA;EACpD,OAAOA;EACP,SAASK;EACT,WAAWS,EAAGxB,EAAO,OAAOyB,CAAS;EACrC,OAAO;GAAE,8BAA8BC;GAAe,GAAGC;EAAM;EAC/D,GAAIvB;EAEH,UAAAU,IACG,kBAAC,QAAD;GAAM,IAAIT;GAAQ,WAAWL,EAAO;GAAM,UAAUY;GAAc,YAAA;GAC7D,UAAAQ;EACC,CAAA,IAENA;CAEF,CAAA;AAEd"}

package/dist/components/FilterPanel/FilterPanel.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.module.cjs","names":[],"sources":["../../../src/components/FilterPanel/FilterPanel.module.css"],"sourcesContent":[".panel {\n    min-width: 0;\n}\n\n/*\n * Actions share the header row with the title on a wide screen and move under it,\n * wrapping among themselves, when they do not fit. Apply stays last.\n */\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    margin-left: auto;\n}\n\n.form {\n    margin: 0;\n}\n\n/*\n * Top alignment keeps a field's box its own height: the grid default stretches every\n * cell of a row to the tallest one, which is the field showing an error.\n */\n.fields {\n    align-items: start;\n}\n"],"mappings":";"}
+{"version":3,"file":"FilterPanel.module.cjs","names":["panel","actions","form","fields","FilterPanel_module_default"],"sources":["../../../src/components/FilterPanel/FilterPanel.module.css"],"sourcesContent":[".panel {\n    min-width: 0;\n}\n\n/*\n * Actions share the header row with the title on a wide screen and move under it,\n * wrapping among themselves, when they do not fit. Apply stays last.\n */\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    margin-left: auto;\n}\n\n.form {\n    margin: 0;\n}\n\n/*\n * Top alignment keeps a field's box its own height: the grid default stretches every\n * cell of a row to the tallest one, which is the field showing an error.\n */\n.fields {\n    align-items: start;\n}\n"],"mappings":";"}

package/dist/components/FilterPanel/FilterPanel.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.module.js","names":[],"sources":["../../../src/components/FilterPanel/FilterPanel.module.css"],"sourcesContent":[".panel {\n    min-width: 0;\n}\n\n/*\n * Actions share the header row with the title on a wide screen and move under it,\n * wrapping among themselves, when they do not fit. Apply stays last.\n */\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    margin-left: auto;\n}\n\n.form {\n    margin: 0;\n}\n\n/*\n * Top alignment keeps a field's box its own height: the grid default stretches every\n * cell of a row to the tallest one, which is the field showing an error.\n */\n.fields {\n    align-items: start;\n}\n"],"mappings":";"}
+{"version":3,"file":"FilterPanel.module.js","names":["panel","actions","form","fields","FilterPanel_module_default"],"sources":["../../../src/components/FilterPanel/FilterPanel.module.css"],"sourcesContent":[".panel {\n    min-width: 0;\n}\n\n/*\n * Actions share the header row with the title on a wide screen and move under it,\n * wrapping among themselves, when they do not fit. Apply stays last.\n */\n.actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    margin-left: auto;\n}\n\n.form {\n    margin: 0;\n}\n\n/*\n * Top alignment keeps a field's box its own height: the grid default stretches every\n * cell of a row to the tallest one, which is the field showing an error.\n */\n.fields {\n    align-items: start;\n}\n"],"mappings":";"}

package/dist/components/FloatingActionButton/FloatingActionButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.cjs","names":[],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FloatingActionButton.module.css\";\n\nexport type FloatingActionButtonPosition = \"bottom-right\" | \"bottom-left\" | \"none\";\nexport type FloatingActionButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type FloatingActionButtonVariant = \"primary\" | \"surface\";\n\nexport interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Icon rendered inside the FAB. Required. */\n    icon: ReactNode;\n    /** When present, renders an extended (pill) FAB with icon + label. */\n    label?: ReactNode;\n    /** Corner placement, or `\"none\"` for static/inline. Default `\"bottom-right\"`. */\n    position?: FloatingActionButtonPosition;\n    /** Size token. Default `\"md\"`. */\n    size?: FloatingActionButtonSize;\n    /** Visual style. Default `\"primary\"`. */\n    variant?: FloatingActionButtonVariant;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Material Floating Action Button. Renders a round FAB when only an `icon` is\n * given, or an extended pill FAB when a `label` is also provided. By default it\n * is fixed to the bottom-right corner; set `position=\"none\"` to place it inline.\n *\n * Spreads all native `<button>` props (`onClick`, `disabled`, etc.).\n *\n * @remarks\n * Always pass an `aria-label` when there is no `label`, since an icon-only FAB\n * has no accessible name otherwise.\n *\n * @example\n * <FloatingActionButton icon={<Plus />} aria-label=\"Adicionar\" onClick={create} />\n *\n * @example\n * <FloatingActionButton icon={<Plus />} label=\"Novo\" onClick={create} />\n */\nexport function FloatingActionButton({\n    icon,\n    label,\n    position = \"bottom-right\",\n    size = \"md\",\n    variant = \"primary\",\n    className,\n    ...props\n}: FloatingActionButtonProps) {\n    const extended = label !== undefined;\n    return (\n        <button\n            type=\"button\"\n            className={cn(\n                styles.fab,\n                styles[size],\n                styles[variant],\n                extended ? styles.extended : styles.round,\n                position !== \"none\" && styles.fixed,\n                position === \"bottom-right\" && styles.bottomRight,\n                position === \"bottom-left\" && styles.bottomLeft,\n                className,\n            )}\n            {...props}\n        >\n            <span className={styles.icon}>{icon}</span>\n            {extended && <span className={styles.label}>{label}</span>}\n        </button>\n    );\n}\n"],"mappings":"wHAwCA,SAAgB,EAAqB,CACjC,OACA,QACA,WAAW,eACX,OAAO,KACP,UAAU,UACV,YACA,GAAG,GACuB,CAC1B,IAAM,EAAW,IAAU,IAAA,GAC3B,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GACP,EAAA,QAAO,IACP,EAAA,QAAO,GACP,EAAA,QAAO,GACP,EAAW,EAAA,QAAO,SAAW,EAAA,QAAO,MACpC,IAAa,QAAU,EAAA,QAAO,MAC9B,IAAa,gBAAkB,EAAA,QAAO,YACtC,IAAa,eAAiB,EAAA,QAAO,WACrC,CACJ,EACA,GAAI,EAZR,SAAA,EAcI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAO,SAAA,CAAW,CAAA,EACzC,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,SAAA,CAAY,CAAA,CACrD,GAEhB"}
+{"version":3,"file":"FloatingActionButton.cjs","names":["cn","styles","require_cn","require_FloatingActionButton_module","react_jsx_runtime","FloatingActionButton","props","extended","label","size","variant","position","className","icon"],"sources":["../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FloatingActionButton.module.css\";\n\nexport type FloatingActionButtonPosition = \"bottom-right\" | \"bottom-left\" | \"none\";\nexport type FloatingActionButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type FloatingActionButtonVariant = \"primary\" | \"surface\";\n\nexport interface FloatingActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Icon rendered inside the FAB. Required. */\n    icon: ReactNode;\n    /** When present, renders an extended (pill) FAB with icon + label. */\n    label?: ReactNode;\n    /** Corner placement, or `\"none\"` for static/inline. Default `\"bottom-right\"`. */\n    position?: FloatingActionButtonPosition;\n    /** Size token. Default `\"md\"`. */\n    size?: FloatingActionButtonSize;\n    /** Visual style. Default `\"primary\"`. */\n    variant?: FloatingActionButtonVariant;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Material Floating Action Button. Renders a round FAB when only an `icon` is\n * given, or an extended pill FAB when a `label` is also provided. By default it\n * is fixed to the bottom-right corner; set `position=\"none\"` to place it inline.\n *\n * Spreads all native `<button>` props (`onClick`, `disabled`, etc.).\n *\n * @remarks\n * Always pass an `aria-label` when there is no `label`, since an icon-only FAB\n * has no accessible name otherwise.\n *\n * @example\n * <FloatingActionButton icon={<Plus />} aria-label=\"Adicionar\" onClick={create} />\n *\n * @example\n * <FloatingActionButton icon={<Plus />} label=\"Novo\" onClick={create} />\n */\nexport function FloatingActionButton({\n    icon,\n    label,\n    position = \"bottom-right\",\n    size = \"md\",\n    variant = \"primary\",\n    className,\n    ...props\n}: FloatingActionButtonProps) {\n    const extended = label !== undefined;\n    return (\n        <button\n            type=\"button\"\n            className={cn(\n                styles.fab,\n                styles[size],\n                styles[variant],\n                extended ? styles.extended : styles.round,\n                position !== \"none\" && styles.fixed,\n                position === \"bottom-right\" && styles.bottomRight,\n                position === \"bottom-left\" && styles.bottomLeft,\n                className,\n            )}\n            {...props}\n        >\n            <span className={styles.icon}>{icon}</span>\n            {extended && <span className={styles.label}>{label}</span>}\n        </button>\n    );\n}\n"],"mappings":"A,wHAwCA,SAAgBK,EAAqB,CACjC,OACA,QACA,WAAW,eACX,OAAO,KACP,UAAU,UACV,YACA,GAAGC,GACuB,CAC1B,IAAMC,EAAWC,IAAU,IAAA,GAC3B,OACI,EAAAJ,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAWJ,EAAAA,GACPC,EAAAA,QAAO,IACPA,EAAAA,QAAOQ,GACPR,EAAAA,QAAOS,GACPH,EAAWN,EAAAA,QAAO,SAAWA,EAAAA,QAAO,MACpCU,IAAa,QAAUV,EAAAA,QAAO,MAC9BU,IAAa,gBAAkBV,EAAAA,QAAO,YACtCU,IAAa,eAAiBV,EAAAA,QAAO,WACrCW,CACJ,EACA,GAAIN,EAZR,SAAA,EAcI,EAAAF,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,KAAO,SAAAY,CAAW,CAAA,EACzCN,IAAY,EAAAH,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWH,EAAAA,QAAO,MAAQ,SAAAO,CAAY,CAAA,CACrD,C,EAEhB,C"}