@wheelhouse/ui 0.2.2 → 0.2.4

package/dist/components/filters/filter-fields-listing-demo.js

@@ -0,0 +1,565 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Activity, BarChart3, Bath, BedDouble, Building2, CreditCard, DollarSign, Eye, Flag, Globe, Hash, Home, MapPin, Search, Shield, Sparkles, Tag, ToggleLeft, UserCircle, Users, Zap, } from 'lucide-react';
+const ROLLING_METRIC_DAYS = [7, 14, 30, 60, 90, 180, 365];
+const ROLLING_BOOKED_IN_DAYS = [7, 14, 30];
+const ROLLING_PRICE_DAYS = [365];
+const OP_IS_ONE_OF = [{ value: 'is', label: 'Is one of' }];
+const OP_TEXT_CONTAINS = [
+    { value: 'contains', label: 'Contains' },
+    { value: 'not_contains', label: 'Does not contain' },
+];
+const OP_TAGS = [
+    { value: 'is_any_of', label: 'Is any of' },
+    { value: 'is_not_any_of', label: 'Is not any of' },
+];
+/** Hosts without `FILTERS_NAMESPACE` (e.g. docs) still get English labels via `defaultValue`s. */
+const listingFieldsDocT = ((key, opts) => opts?.defaultValue ?? key);
+const LISTING_FLAG_OPTIONS = [
+    { value: 22803, label: 'No Gap Night Setup' },
+    { value: 22804, label: 'No Segments' },
+    { value: 22805, label: 'New Listing' },
+    { value: 22806, label: 'No Global Minimum Setup' },
+    { value: 22807, label: 'Fixed Price %' },
+    { value: 22808, label: 'Min Rate Conflict' },
+    { value: 22809, label: 'Max Rate Conflict' },
+    { value: 22810, label: 'Low Historical Anchoring' },
+    { value: 22811, label: 'High Historical Anchoring' },
+    { value: 22822, label: 'High Far Future' },
+    { value: 22823, label: 'Historical Anchoring/Far Future Conflict' },
+    { value: 22824, label: 'Last Minute Doubling' },
+    { value: 22814, label: 'Last Minute Conflict' },
+    { value: 22815, label: 'Trapped Nights' },
+    { value: 22816, label: 'YOY Revenue Pacing' },
+    { value: 22817, label: 'YOY Occupancy Pacing' },
+    { value: 22818, label: 'High Booking Frequency' },
+    { value: 22819, label: 'High Occupancy Pacing' },
+    { value: 22821, label: 'Stagnation' },
+    { value: 22813, label: 'Historical Anchoring/Far Future Premium Conflict' },
+    { value: 22802, label: 'No Last Minute Setup' },
+    { value: 22820, label: 'High Availability' },
+    { value: 24556, label: 'Base Price - High Historical Impact' },
+];
+function dateMetricStoryProps(i18n, dateI18n, rollingDayOptions) {
+    return {
+        showRollingPresets: true,
+        i18nInstance: i18n,
+        i18n: dateI18n,
+        rollingDayOptions,
+    };
+}
+/** Flat fields for minimal `Default` / `WithOneFilter` stories (real listing keys). */
+export function buildListingDemoFields(t) {
+    return [
+        {
+            key: 'is_active',
+            label: t('story.listingFields.isActive', { defaultValue: 'Listing Status' }),
+            type: 'select',
+            icon: _jsx(ToggleLeft, { className: "size-4" }),
+            defaultOperator: 'is',
+            options: [
+                { value: 'active', label: t('story.options.active', { defaultValue: 'Active' }) },
+                { value: 'inactive', label: t('story.options.inactive', { defaultValue: 'Inactive' }) },
+            ],
+        },
+        {
+            key: 'title',
+            label: t('story.listingFields.displayName', { defaultValue: 'Display name' }),
+            type: 'text',
+            icon: _jsx(Search, { className: "size-4" }),
+            defaultOperator: 'contains',
+            operators: OP_TEXT_CONTAINS,
+            placeholder: t('story.namePlaceholder', { defaultValue: 'Contains…' }),
+        },
+        {
+            key: 'source_address',
+            label: t('story.listingFields.address', { defaultValue: 'Address' }),
+            type: 'text',
+            icon: _jsx(MapPin, { className: "size-4" }),
+            defaultOperator: 'contains',
+            operators: OP_TEXT_CONTAINS,
+        },
+    ];
+}
+/** Grouped listing catalog for `GroupedFieldsAndSearch` (keys and shapes mirror app listing filters). */
+export function buildListingGroupedFields(t, dateSelectorI18n, i18n) {
+    const dmFull = () => dateMetricStoryProps(i18n, dateSelectorI18n, ROLLING_METRIC_DAYS);
+    const dmBooked = () => dateMetricStoryProps(i18n, dateSelectorI18n, ROLLING_BOOKED_IN_DAYS);
+    const dmPrice = () => dateMetricStoryProps(i18n, dateSelectorI18n, ROLLING_PRICE_DAYS);
+    return [
+        {
+            group: t('story.groups.listingFeatures', { defaultValue: 'Listing Features' }),
+            fields: [
+                {
+                    key: 'source_address',
+                    label: 'Address',
+                    type: 'text',
+                    icon: _jsx(MapPin, { className: "size-4" }),
+                    defaultOperator: 'contains',
+                    operators: OP_TEXT_CONTAINS,
+                },
+                {
+                    key: 'bathrooms',
+                    label: 'Bathrooms',
+                    type: 'multiselect',
+                    icon: _jsx(Bath, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [1, 2, 3, 4, 5, 6].map((n) => ({ value: n, label: String(n) })),
+                },
+                {
+                    key: 'bedrooms',
+                    label: 'Bedrooms',
+                    type: 'multiselect',
+                    icon: _jsx(BedDouble, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [1, 2, 3, 4, 5, 6, 7].map((n) => ({ value: n, label: String(n) })),
+                },
+                {
+                    key: 'beds',
+                    label: 'Beds',
+                    type: 'multiselect',
+                    icon: _jsx(BedDouble, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [1, 2, 3, 4, 5, 6, 7, 8].map((n) => ({ value: n, label: String(n) })),
+                },
+                {
+                    key: 'title',
+                    label: 'Display name',
+                    type: 'text',
+                    icon: _jsx(Search, { className: "size-4" }),
+                    defaultOperator: 'contains',
+                    operators: OP_TEXT_CONTAINS,
+                },
+                {
+                    key: 'listings.id',
+                    label: 'ID',
+                    type: 'multiselect',
+                    icon: _jsx(Hash, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [49879982, 49879983, 50027676, 51080857, 51080858, 51080859, 61847975, 62794040, 62794044].map((id) => ({
+                        value: id,
+                        label: String(id),
+                    })),
+                },
+                {
+                    key: 'display_nickname',
+                    label: 'Nickname',
+                    type: 'text',
+                    icon: _jsx(UserCircle, { className: "size-4" }),
+                    defaultOperator: 'contains',
+                    operators: OP_TEXT_CONTAINS,
+                },
+                {
+                    key: 'number_of_units',
+                    label: 'Number of Units',
+                    type: 'multiselect',
+                    icon: _jsx(Building2, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [{ value: 1, label: '1' }],
+                },
+                {
+                    key: 'clean_room_type',
+                    label: 'Room type',
+                    type: 'multiselect',
+                    icon: _jsx(Home, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [
+                        { value: 'apartment', label: 'apartment' },
+                        { value: 'house', label: 'house' },
+                    ],
+                },
+                {
+                    key: 'searchable',
+                    label: 'Search',
+                    type: 'text',
+                    icon: _jsx(Search, { className: "size-4" }),
+                    defaultOperator: 'contains',
+                    operators: OP_TEXT_CONTAINS,
+                },
+                {
+                    key: 'sleeps',
+                    label: 'Sleeps',
+                    type: 'multiselect',
+                    icon: _jsx(Users, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((n) => ({ value: n, label: String(n) })),
+                },
+                {
+                    key: 'tags',
+                    label: 'Tag',
+                    type: 'multiselect',
+                    icon: _jsx(Tag, { className: "size-4" }),
+                    defaultOperator: 'is_any_of',
+                    operators: OP_TAGS,
+                    searchable: true,
+                    options: [
+                        { value: 29637, label: '6 bedroom' },
+                        { value: 22964, label: 'Bend' },
+                        { value: 22963, label: 'Brasada' },
+                        { value: 22965, label: 'Central Oregon' },
+                        { value: 22968, label: 'Deschutes' },
+                        { value: 22956, label: 'Test Tag' },
+                    ],
+                },
+                {
+                    key: 'tags_imported',
+                    label: 'Tag (Imported)',
+                    type: 'multiselect',
+                    icon: _jsx(Tag, { className: "size-4" }),
+                    defaultOperator: 'is_any_of',
+                    operators: OP_TAGS,
+                    searchable: true,
+                    options: [],
+                },
+            ],
+        },
+        {
+            group: t('story.groups.listingStatus', { defaultValue: 'Listing Status' }),
+            fields: [
+                {
+                    key: 'channel_accounts.status',
+                    label: 'Account Status',
+                    type: 'multiselect',
+                    icon: _jsx(Activity, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [
+                        { value: 'A', label: 'Active' },
+                        { value: 'E', label: 'Empty' },
+                        { value: 'F', label: 'Failed' },
+                        { value: 'D', label: 'Disabled' },
+                        { value: 'P', label: 'Pending' },
+                        { value: 'O', label: 'Invalid Auth' },
+                    ],
+                },
+                {
+                    key: 'listing_preference.automatic_rate_posting_enabled',
+                    label: 'Automation',
+                    type: 'select',
+                    icon: _jsx(Zap, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    options: [
+                        { value: 'on', label: 'Active' },
+                        { value: 'off', label: 'Inactive' },
+                    ],
+                },
+                {
+                    key: 'source',
+                    label: 'Channel',
+                    type: 'multiselect',
+                    icon: _jsx(Globe, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [{ value: 'XX', label: 'Hypothetical' }],
+                },
+                {
+                    key: 'currency',
+                    label: 'Currency',
+                    type: 'multiselect',
+                    icon: _jsx(DollarSign, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [{ value: 'USD', label: 'USD' }],
+                },
+                {
+                    key: 'listings.price_model_id',
+                    label: 'Engine Version',
+                    type: 'multiselect',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [{ value: 14, label: 'Blended model v8.3' }],
+                },
+                {
+                    key: 'is_hypothetical',
+                    label: 'Hypothetical',
+                    type: 'select',
+                    icon: _jsx(Sparkles, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    options: [
+                        { value: 'true', label: 'Show' },
+                        { value: 'false', label: 'Hide' },
+                    ],
+                },
+                {
+                    key: 'removed_by_owner',
+                    label: 'Listing Hidden',
+                    type: 'select',
+                    icon: _jsx(Eye, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    options: [
+                        { value: 'hidden', label: 'Hidden' },
+                        { value: 'not hidden', label: 'Not hidden' },
+                    ],
+                },
+                {
+                    key: 'is_active',
+                    label: 'Listing Status',
+                    type: 'select',
+                    icon: _jsx(ToggleLeft, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    options: [
+                        { value: 'active', label: 'Active' },
+                        { value: 'inactive', label: 'Inactive' },
+                    ],
+                },
+                {
+                    key: 'market.name',
+                    label: 'Market',
+                    type: 'multiselect',
+                    icon: _jsx(MapPin, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [
+                        { value: 105, label: 'Deschutes County, OR, United States' },
+                        { value: 1, label: 'San Francisco, CA, United States' },
+                    ],
+                },
+                {
+                    key: 'listing_views.in_market',
+                    label: 'Market Status',
+                    type: 'select',
+                    icon: _jsx(Activity, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    options: [
+                        { value: 'active', label: 'Active' },
+                        { value: 'inactive', label: 'Inactive' },
+                    ],
+                },
+                {
+                    key: 'charge_bee_items.id',
+                    label: 'Pricing Plan',
+                    type: 'multiselect',
+                    icon: _jsx(CreditCard, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [
+                        { value: 'Free', label: 'Free' },
+                        { value: 'Trial-Pricing', label: 'Trial' },
+                    ],
+                },
+            ],
+        },
+        {
+            group: t('story.groups.teamAccess', { defaultValue: 'Team & Access' }),
+            fields: [
+                {
+                    key: 'listings.operating_user_id',
+                    label: 'Admin of Listing',
+                    type: 'multiselect',
+                    icon: _jsx(UserCircle, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [{ value: 63681, label: 'Jesse Bibee' }],
+                },
+                {
+                    key: 'sub_users',
+                    label: 'Team Member',
+                    type: 'multiselect',
+                    icon: _jsx(Users, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    operators: OP_IS_ONE_OF,
+                    searchable: true,
+                    options: [
+                        { value: -1, label: 'Unassigned' },
+                        { value: 101, label: 'Alex Johnson' },
+                        { value: 102, label: 'Jamie Lee' },
+                    ],
+                },
+                {
+                    key: 'access_level',
+                    label: 'Your Access',
+                    type: 'select',
+                    icon: _jsx(Shield, { className: "size-4" }),
+                    defaultOperator: 'is',
+                    options: [
+                        { value: 'admin', label: 'Admin' },
+                        { value: 'manager', label: 'Manager' },
+                        { value: 'editor', label: 'Editor' },
+                        { value: 'restricted editor', label: 'Single Listing Editor' },
+                        { value: 'viewer', label: 'Viewer' },
+                    ],
+                },
+            ],
+        },
+        {
+            group: t('story.groups.listingPerformance', { defaultValue: 'Listing Performance' }),
+            fields: [
+                {
+                    key: 'adjusted_occupancy',
+                    label: 'Adj. Occupancy',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    suffix: '%',
+                    dateMetricValueFormat: 'percent',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'revpar',
+                    label: 'Adj. RevPAR',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'apr',
+                    label: 'Asking Rate',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'available_nights',
+                    label: 'Available Nights',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'integer',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'available_revenue',
+                    label: 'Available Revenue',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'adr',
+                    label: 'Avg. Daily Rate',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'blocked_nights',
+                    label: 'Blocked Nights',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'integer',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'blocked_revenue_potential',
+                    label: 'Blocked Revenue Potential',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'booked_in',
+                    label: 'Booked nights in',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricProps: dmBooked(),
+                },
+                {
+                    key: 'booking_count',
+                    label: 'Booking Count',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'integer',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'flags',
+                    label: 'Flag',
+                    type: 'multiselect',
+                    icon: _jsx(Flag, { className: "size-4" }),
+                    defaultOperator: 'is_any_of',
+                    operators: OP_TAGS,
+                    searchable: true,
+                    options: LISTING_FLAG_OPTIONS,
+                },
+                {
+                    key: 'max_price',
+                    label: 'Max. Price',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmPrice(),
+                },
+                {
+                    key: 'min_price',
+                    label: 'Min. Price',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmPrice(),
+                },
+                {
+                    key: 'min_price_occurrence',
+                    label: 'Min. Price Occurrence',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    prefix: '#',
+                    dateMetricValueFormat: 'integer',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'local_cluster_occupancy_ratio',
+                    label: 'Neighborhood occ. ratio',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'percent',
+                    dateMetricProps: dmFull(),
+                },
+                {
+                    key: 'revenue',
+                    label: 'Nightly Revenue',
+                    type: 'date_metric',
+                    icon: _jsx(BarChart3, { className: "size-4" }),
+                    defaultOperator: 'value_between',
+                    dateMetricValueFormat: 'currency',
+                    dateMetricProps: dmFull(),
+                },
+            ],
+        },
+    ];
+}
+/** Flat listing fields for docs previews (no filter i18n bundle required). */
+export function buildListingDemoFieldsForDocs() {
+    return buildListingDemoFields(listingFieldsDocT);
+}
+/** Grouped listing catalog for docs previews; pass docs `I18nextProvider` instance and date-selector copy. */
+export function buildListingGroupedFieldsForDocs(dateSelectorI18n, i18n) {
+    return buildListingGroupedFields(listingFieldsDocT, dateSelectorI18n, i18n);
+}

package/dist/components/filters/filters-defaults.d.ts

@@ -1,4 +1,8 @@
+import type { DateSelectorI18nConfig, DateSelectorValue } from '../../blocks/date-selector/date-selector-types';
 import type { FilterI18nConfig, FilterOperator } from './filters-types';
+export type DateMetricDateConnectorPhrases = Pick<FilterI18nConfig, 'dateMetricDateOn' | 'dateMetricDateIn'>;
+/** Default bar connector between amount and date for `date_metric` filters. */
+export declare function defaultDateMetricDateConnector(date: DateSelectorValue, dateI18n: DateSelectorI18nConfig, phrases?: DateMetricDateConnectorPhrases): string;
 export declare const DEFAULT_I18N: FilterI18nConfig;
 export declare const createOperatorsFromI18n: (i18n: FilterI18nConfig) => Record<string, FilterOperator[]>;
 export declare const DEFAULT_OPERATORS: Record<string, FilterOperator[]>;

package/dist/components/filters/filters-defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filters-defaults.d.ts","sourceRoot":"","sources":["../../../src/components/filters/filters-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAExE,eAAO,MAAM,YAAY,EAAE,gBAkE1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,gBAAgB,KAAG,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAgC9F,CAAC;AAEH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAAyC,CAAC"}
+{"version":3,"file":"filters-defaults.d.ts","sourceRoot":"","sources":["../../../src/components/filters/filters-defaults.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAEhH,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,CAAC;AAe7G,+EAA+E;AAC/E,wBAAgB,8BAA8B,CAC1C,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE,8BAAsE,GAChF,MAAM,CA2BR;AAED,eAAO,MAAM,YAAY,EAAE,gBA0E1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,gBAAgB,KAAG,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAqC9F,CAAC;AAEH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAAyC,CAAC"}

package/dist/components/filters/filters-defaults.js

@@ -1,3 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isSameDay } from 'date-fns';
+import { ChevronLeft, ChevronRight, CircleDot, MoveHorizontal } from 'lucide-react';
+const DEFAULT_DATE_METRIC_CONNECTOR_PHRASES = {
+    dateMetricDateOn: 'on',
+    dateMetricDateIn: 'in',
+};
+function isDateMetricSingleCalendarDay(date) {
+    const mode = date.selectionMode ?? 'custom';
+    if (mode !== 'custom' || date.period !== 'day' || date.operator !== 'is')
+        return false;
+    if (!date.startDate)
+        return false;
+    if (!date.endDate)
+        return true;
+    return isSameDay(date.startDate, date.endDate);
+}
+/** Default bar connector between amount and date for `date_metric` filters. */
+export function defaultDateMetricDateConnector(date, dateI18n, phrases = DEFAULT_DATE_METRIC_CONNECTOR_PHRASES) {
+    const mode = date.selectionMode ?? 'custom';
+    if (mode === 'rolling-next' || mode === 'rolling-last') {
+        return phrases.dateMetricDateIn;
+    }
+    const { filterTypes } = dateI18n;
+    switch (date.operator) {
+        case 'is':
+            if (isDateMetricSingleCalendarDay(date))
+                return phrases.dateMetricDateOn;
+            if ((date.period === 'month' && date.year !== undefined && date.month !== undefined) ||
+                (date.period === 'quarter' && date.year !== undefined && date.quarter !== undefined) ||
+                (date.period === 'year' && date.year !== undefined) ||
+                (date.period === 'day' && date.startDate && date.endDate)) {
+                return phrases.dateMetricDateIn;
+            }
+            return filterTypes.is;
+        case 'before':
+            return filterTypes.before;
+        case 'after':
+            return filterTypes.after;
+        case 'between':
+            return filterTypes.between;
+        default:
+            return phrases.dateMetricDateIn;
+    }
+}
 export const DEFAULT_I18N = {
     addFilter: 'Filter',
     searchFields: 'Filter...',
@@ -14,8 +59,14 @@ export const DEFAULT_I18N = {
     selectedCount: 'selected',
     percent: '%',
     defaultCurrency: '$',
+    numberFormatLocale: 'en-US',
     defaultColor: '#000000',
     addFilterTitle: 'Add filter',
+    addFilterUngroupedSection: 'More filters',
+    dateMetricBetweenAnd: 'and',
+    dateMetricDialogDone: 'Done',
+    dateMetricDateOn: DEFAULT_DATE_METRIC_CONNECTOR_PHRASES.dateMetricDateOn,
+    dateMetricDateIn: DEFAULT_DATE_METRIC_CONNECTOR_PHRASES.dateMetricDateIn,
     operators: {
         is: 'is',
         isNot: 'is not',
@@ -43,6 +94,7 @@ export const DEFAULT_I18N = {
         includesAnyOf: 'includes any of',
         empty: 'is empty',
         notEmpty: 'is not empty',
+        valueAny: 'Any value',
     },
     placeholders: {
         enterField: (fieldType) => `Enter ${fieldType}...`,
@@ -53,6 +105,7 @@ export const DEFAULT_I18N = {
     },
     helpers: {
         formatOperator: (operator) => operator.replace(/_/g, ' '),
+        dateMetricDateConnector: (date, dateI18n) => defaultDateMetricDateConnector(date, dateI18n, DEFAULT_DATE_METRIC_CONNECTOR_PHRASES),
     },
     validation: {
         invalidEmail: 'Invalid email format',
@@ -88,10 +141,15 @@ export const createOperatorsFromI18n = (i18n) => ({
     custom: [
         { value: 'is', label: i18n.operators.is },
         { value: 'after', label: i18n.operators.after },
-        { value: 'is', label: i18n.operators.is },
         { value: 'between', label: i18n.operators.between },
         { value: 'empty', label: i18n.operators.empty },
         { value: 'not_empty', label: i18n.operators.notEmpty },
     ],
+    dateMetric: [
+        { value: 'value_any', label: i18n.operators.valueAny, icon: _jsx(CircleDot, { "aria-hidden": true }) },
+        { value: 'value_greater_than', label: i18n.operators.greaterThan, icon: _jsx(ChevronRight, { "aria-hidden": true }) },
+        { value: 'value_less_than', label: i18n.operators.lessThan, icon: _jsx(ChevronLeft, { "aria-hidden": true }) },
+        { value: 'value_between', label: i18n.operators.between, icon: _jsx(MoveHorizontal, { "aria-hidden": true }) },
+    ],
 });
 export const DEFAULT_OPERATORS = createOperatorsFromI18n(DEFAULT_I18N);