@yuno-payments/dashboard-design-system 2.2.0 → 2.2.1-beta.2

package/dist/components/atoms/filter/filter-translations.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Supported languages for filter translations
+ */
+export type FilterLanguage = "en" | "es" | "ja" | "ar" | "fr" | "pt" | "tr" | "ru" | "de" | "zh";
+/**
+ * Translation strings for Filter components
+ */
+export interface FilterTranslations {
+    addFilter?: string;
+    clearFilters?: string;
+    noFiltersApplied?: string;
+    /** Template: "+{count} more" */
+    moreFilters?: string;
+    selectAll?: string;
+    inverse?: string;
+    none?: string;
+    search?: string;
+    typeAndPressEnter?: string;
+    onlyNumericAllowed?: string;
+    clearAll?: string;
+    custom?: string;
+    today?: string;
+    last3Days?: string;
+    last7Days?: string;
+    last30Days?: string;
+    thisMonth?: string;
+    allTime?: string;
+    startDate?: string;
+    endDate?: string;
+    selectDate?: string;
+    sunday?: string;
+    monday?: string;
+    tuesday?: string;
+    wednesday?: string;
+    thursday?: string;
+    friday?: string;
+    saturday?: string;
+    jan?: string;
+    feb?: string;
+    mar?: string;
+    apr?: string;
+    may?: string;
+    jun?: string;
+    jul?: string;
+    aug?: string;
+    sep?: string;
+    oct?: string;
+    nov?: string;
+    dec?: string;
+}
+/**
+ * All translations by language code
+ */
+export declare const FILTER_TRANSLATIONS: Record<FilterLanguage, Required<FilterTranslations>>;
+/**
+ * Default translations (English)
+ */
+export declare const DEFAULT_FILTER_TRANSLATIONS: Required<FilterTranslations>;
+/**
+ * Get translations for a specific language
+ * Falls back to localStorage language, then to English if not found
+ */
+export declare function getFilterTranslations(lang?: FilterLanguage): Required<FilterTranslations>;
+/**
+ * Helper to get day names array in order (Sunday = 0)
+ */
+export declare function getDayNames(t: Required<FilterTranslations>): string[];
+/**
+ * Helper to get month abbreviations array in order (January = 0)
+ */
+export declare function getMonthAbbreviations(t: Required<FilterTranslations>): string[];
+/**
+ * Format the "more filters" string with count
+ */
+export declare function formatMoreFilters(t: Required<FilterTranslations>, count: number): string;

package/dist/components/atoms/filter/filter-translations.js

@@ -0,0 +1,450 @@
+import { getDefaultLanguage as s } from "../../../lib/utils.js";
+const t = {
+  // FilterButton
+  addFilter: "Add filter",
+  clearFilters: "Clear filters",
+  noFiltersApplied: "No filters applied",
+  moreFilters: "+{count} more",
+  // FilterSection actions
+  selectAll: "Select all",
+  inverse: "Inverse",
+  none: "None",
+  search: "Search",
+  // FilterMultiInput
+  typeAndPressEnter: "Type and press Enter...",
+  onlyNumericAllowed: "Only numeric values are allowed",
+  clearAll: "Clear all",
+  // FilterDateRange
+  custom: "Custom",
+  today: "Today",
+  last3Days: "Last 3 days",
+  last7Days: "Last 7 days",
+  last30Days: "Last 30 days",
+  thisMonth: "This month",
+  allTime: "All time",
+  startDate: "Start date",
+  endDate: "End date",
+  selectDate: "Select date",
+  // Day names
+  sunday: "Sunday",
+  monday: "Monday",
+  tuesday: "Tuesday",
+  wednesday: "Wednesday",
+  thursday: "Thursday",
+  friday: "Friday",
+  saturday: "Saturday",
+  // Month abbreviations
+  jan: "Jan",
+  feb: "Feb",
+  mar: "Mar",
+  apr: "Apr",
+  may: "May",
+  jun: "Jun",
+  jul: "Jul",
+  aug: "Aug",
+  sep: "Sep",
+  oct: "Oct",
+  nov: "Nov",
+  dec: "Dec"
+}, r = {
+  addFilter: "Agregar filtro",
+  clearFilters: "Limpiar filtros",
+  noFiltersApplied: "Sin filtros aplicados",
+  moreFilters: "+{count} más",
+  selectAll: "Seleccionar todo",
+  inverse: "Invertir",
+  none: "Ninguno",
+  search: "Buscar",
+  typeAndPressEnter: "Escribe y presiona Enter...",
+  onlyNumericAllowed: "Solo se permiten valores numéricos",
+  clearAll: "Limpiar todo",
+  custom: "Personalizado",
+  today: "Hoy",
+  last3Days: "Últimos 3 días",
+  last7Days: "Últimos 7 días",
+  last30Days: "Últimos 30 días",
+  thisMonth: "Este mes",
+  allTime: "Todo el tiempo",
+  startDate: "Fecha inicio",
+  endDate: "Fecha fin",
+  selectDate: "Seleccionar fecha",
+  sunday: "Domingo",
+  monday: "Lunes",
+  tuesday: "Martes",
+  wednesday: "Miércoles",
+  thursday: "Jueves",
+  friday: "Viernes",
+  saturday: "Sábado",
+  jan: "Ene",
+  feb: "Feb",
+  mar: "Mar",
+  apr: "Abr",
+  may: "May",
+  jun: "Jun",
+  jul: "Jul",
+  aug: "Ago",
+  sep: "Sep",
+  oct: "Oct",
+  nov: "Nov",
+  dec: "Dic"
+}, n = {
+  addFilter: "フィルターを追加",
+  clearFilters: "フィルターをクリア",
+  noFiltersApplied: "フィルターが適用されていません",
+  moreFilters: "+{count}件",
+  selectAll: "すべて選択",
+  inverse: "反転",
+  none: "なし",
+  search: "検索",
+  typeAndPressEnter: "入力してEnterを押す...",
+  onlyNumericAllowed: "数値のみ入力可能です",
+  clearAll: "すべてクリア",
+  custom: "カスタム",
+  today: "今日",
+  last3Days: "過去3日間",
+  last7Days: "過去7日間",
+  last30Days: "過去30日間",
+  thisMonth: "今月",
+  allTime: "全期間",
+  startDate: "開始日",
+  endDate: "終了日",
+  selectDate: "日付を選択",
+  sunday: "日曜日",
+  monday: "月曜日",
+  tuesday: "火曜日",
+  wednesday: "水曜日",
+  thursday: "木曜日",
+  friday: "金曜日",
+  saturday: "土曜日",
+  jan: "1月",
+  feb: "2月",
+  mar: "3月",
+  apr: "4月",
+  may: "5月",
+  jun: "6月",
+  jul: "7月",
+  aug: "8月",
+  sep: "9月",
+  oct: "10月",
+  nov: "11月",
+  dec: "12月"
+}, l = {
+  addFilter: "إضافة فلتر",
+  clearFilters: "مسح الفلاتر",
+  noFiltersApplied: "لم يتم تطبيق فلاتر",
+  moreFilters: "+{count} أخرى",
+  selectAll: "تحديد الكل",
+  inverse: "عكس",
+  none: "لا شيء",
+  search: "بحث",
+  typeAndPressEnter: "اكتب واضغط Enter...",
+  onlyNumericAllowed: "مسموح بالقيم الرقمية فقط",
+  clearAll: "مسح الكل",
+  custom: "مخصص",
+  today: "اليوم",
+  last3Days: "آخر 3 أيام",
+  last7Days: "آخر 7 أيام",
+  last30Days: "آخر 30 يوماً",
+  thisMonth: "هذا الشهر",
+  allTime: "كل الوقت",
+  startDate: "تاريخ البدء",
+  endDate: "تاريخ الانتهاء",
+  selectDate: "اختر التاريخ",
+  sunday: "الأحد",
+  monday: "الاثنين",
+  tuesday: "الثلاثاء",
+  wednesday: "الأربعاء",
+  thursday: "الخميس",
+  friday: "الجمعة",
+  saturday: "السبت",
+  jan: "يناير",
+  feb: "فبراير",
+  mar: "مارس",
+  apr: "أبريل",
+  may: "مايو",
+  jun: "يونيو",
+  jul: "يوليو",
+  aug: "أغسطس",
+  sep: "سبتمبر",
+  oct: "أكتوبر",
+  nov: "نوفمبر",
+  dec: "ديسمبر"
+}, i = {
+  addFilter: "Ajouter un filtre",
+  clearFilters: "Effacer les filtres",
+  noFiltersApplied: "Aucun filtre appliqué",
+  moreFilters: "+{count} autres",
+  selectAll: "Tout sélectionner",
+  inverse: "Inverser",
+  none: "Aucun",
+  search: "Rechercher",
+  typeAndPressEnter: "Tapez et appuyez sur Entrée...",
+  onlyNumericAllowed: "Seules les valeurs numériques sont autorisées",
+  clearAll: "Tout effacer",
+  custom: "Personnalisé",
+  today: "Aujourd'hui",
+  last3Days: "3 derniers jours",
+  last7Days: "7 derniers jours",
+  last30Days: "30 derniers jours",
+  thisMonth: "Ce mois-ci",
+  allTime: "Tout le temps",
+  startDate: "Date de début",
+  endDate: "Date de fin",
+  selectDate: "Sélectionner une date",
+  sunday: "Dimanche",
+  monday: "Lundi",
+  tuesday: "Mardi",
+  wednesday: "Mercredi",
+  thursday: "Jeudi",
+  friday: "Vendredi",
+  saturday: "Samedi",
+  jan: "Janv",
+  feb: "Févr",
+  mar: "Mars",
+  apr: "Avr",
+  may: "Mai",
+  jun: "Juin",
+  jul: "Juil",
+  aug: "Août",
+  sep: "Sept",
+  oct: "Oct",
+  nov: "Nov",
+  dec: "Déc"
+}, o = {
+  addFilter: "Adicionar filtro",
+  clearFilters: "Limpar filtros",
+  noFiltersApplied: "Nenhum filtro aplicado",
+  moreFilters: "+{count} mais",
+  selectAll: "Selecionar tudo",
+  inverse: "Inverter",
+  none: "Nenhum",
+  search: "Pesquisar",
+  typeAndPressEnter: "Digite e pressione Enter...",
+  onlyNumericAllowed: "Apenas valores numéricos são permitidos",
+  clearAll: "Limpar tudo",
+  custom: "Personalizado",
+  today: "Hoje",
+  last3Days: "Últimos 3 dias",
+  last7Days: "Últimos 7 dias",
+  last30Days: "Últimos 30 dias",
+  thisMonth: "Este mês",
+  allTime: "Todo o período",
+  startDate: "Data inicial",
+  endDate: "Data final",
+  selectDate: "Selecionar data",
+  sunday: "Domingo",
+  monday: "Segunda-feira",
+  tuesday: "Terça-feira",
+  wednesday: "Quarta-feira",
+  thursday: "Quinta-feira",
+  friday: "Sexta-feira",
+  saturday: "Sábado",
+  jan: "Jan",
+  feb: "Fev",
+  mar: "Mar",
+  apr: "Abr",
+  may: "Mai",
+  jun: "Jun",
+  jul: "Jul",
+  aug: "Ago",
+  sep: "Set",
+  oct: "Out",
+  nov: "Nov",
+  dec: "Dez"
+}, d = {
+  addFilter: "Filtre ekle",
+  clearFilters: "Filtreleri temizle",
+  noFiltersApplied: "Uygulanan filtre yok",
+  moreFilters: "+{count} daha",
+  selectAll: "Tümünü seç",
+  inverse: "Tersine çevir",
+  none: "Hiçbiri",
+  search: "Ara",
+  typeAndPressEnter: "Yazın ve Enter'a basın...",
+  onlyNumericAllowed: "Yalnızca sayısal değerlere izin verilir",
+  clearAll: "Tümünü temizle",
+  custom: "Özel",
+  today: "Bugün",
+  last3Days: "Son 3 gün",
+  last7Days: "Son 7 gün",
+  last30Days: "Son 30 gün",
+  thisMonth: "Bu ay",
+  allTime: "Tüm zamanlar",
+  startDate: "Başlangıç tarihi",
+  endDate: "Bitiş tarihi",
+  selectDate: "Tarih seçin",
+  sunday: "Pazar",
+  monday: "Pazartesi",
+  tuesday: "Salı",
+  wednesday: "Çarşamba",
+  thursday: "Perşembe",
+  friday: "Cuma",
+  saturday: "Cumartesi",
+  jan: "Oca",
+  feb: "Şub",
+  mar: "Mar",
+  apr: "Nis",
+  may: "May",
+  jun: "Haz",
+  jul: "Tem",
+  aug: "Ağu",
+  sep: "Eyl",
+  oct: "Eki",
+  nov: "Kas",
+  dec: "Ara"
+}, u = {
+  addFilter: "Добавить фильтр",
+  clearFilters: "Очистить фильтры",
+  noFiltersApplied: "Фильтры не применены",
+  moreFilters: "+{count} ещё",
+  selectAll: "Выбрать все",
+  inverse: "Инвертировать",
+  none: "Ничего",
+  search: "Поиск",
+  typeAndPressEnter: "Введите и нажмите Enter...",
+  onlyNumericAllowed: "Допускаются только числовые значения",
+  clearAll: "Очистить все",
+  custom: "Произвольный",
+  today: "Сегодня",
+  last3Days: "Последние 3 дня",
+  last7Days: "Последние 7 дней",
+  last30Days: "Последние 30 дней",
+  thisMonth: "Этот месяц",
+  allTime: "Все время",
+  startDate: "Дата начала",
+  endDate: "Дата окончания",
+  selectDate: "Выберите дату",
+  sunday: "Воскресенье",
+  monday: "Понедельник",
+  tuesday: "Вторник",
+  wednesday: "Среда",
+  thursday: "Четверг",
+  friday: "Пятница",
+  saturday: "Суббота",
+  jan: "Янв",
+  feb: "Фев",
+  mar: "Мар",
+  apr: "Апр",
+  may: "Май",
+  jun: "Июн",
+  jul: "Июл",
+  aug: "Авг",
+  sep: "Сен",
+  oct: "Окт",
+  nov: "Ноя",
+  dec: "Дек"
+}, y = {
+  addFilter: "Filter hinzufügen",
+  clearFilters: "Filter löschen",
+  noFiltersApplied: "Keine Filter angewendet",
+  moreFilters: "+{count} weitere",
+  selectAll: "Alle auswählen",
+  inverse: "Umkehren",
+  none: "Keine",
+  search: "Suchen",
+  typeAndPressEnter: "Eingeben und Enter drücken...",
+  onlyNumericAllowed: "Nur numerische Werte sind erlaubt",
+  clearAll: "Alle löschen",
+  custom: "Benutzerdefiniert",
+  today: "Heute",
+  last3Days: "Letzte 3 Tage",
+  last7Days: "Letzte 7 Tage",
+  last30Days: "Letzte 30 Tage",
+  thisMonth: "Dieser Monat",
+  allTime: "Gesamter Zeitraum",
+  startDate: "Startdatum",
+  endDate: "Enddatum",
+  selectDate: "Datum auswählen",
+  sunday: "Sonntag",
+  monday: "Montag",
+  tuesday: "Dienstag",
+  wednesday: "Mittwoch",
+  thursday: "Donnerstag",
+  friday: "Freitag",
+  saturday: "Samstag",
+  jan: "Jan",
+  feb: "Feb",
+  mar: "Mär",
+  apr: "Apr",
+  may: "Mai",
+  jun: "Jun",
+  jul: "Jul",
+  aug: "Aug",
+  sep: "Sep",
+  oct: "Okt",
+  nov: "Nov",
+  dec: "Dez"
+}, c = {
+  addFilter: "添加筛选",
+  clearFilters: "清除筛选",
+  noFiltersApplied: "未应用筛选",
+  moreFilters: "+{count}个",
+  selectAll: "全选",
+  inverse: "反选",
+  none: "清空",
+  search: "搜索",
+  typeAndPressEnter: "输入并按回车...",
+  onlyNumericAllowed: "仅允许输入数字",
+  clearAll: "清除全部",
+  custom: "自定义",
+  today: "今天",
+  last3Days: "最近3天",
+  last7Days: "最近7天",
+  last30Days: "最近30天",
+  thisMonth: "本月",
+  allTime: "全部时间",
+  startDate: "开始日期",
+  endDate: "结束日期",
+  selectDate: "选择日期",
+  sunday: "星期日",
+  monday: "星期一",
+  tuesday: "星期二",
+  wednesday: "星期三",
+  thursday: "星期四",
+  friday: "星期五",
+  saturday: "星期六",
+  jan: "1月",
+  feb: "2月",
+  mar: "3月",
+  apr: "4月",
+  may: "5月",
+  jun: "6月",
+  jul: "7月",
+  aug: "8月",
+  sep: "9月",
+  oct: "10月",
+  nov: "11月",
+  dec: "12月"
+}, m = {
+  en: t,
+  es: r,
+  ja: n,
+  ar: l,
+  fr: i,
+  pt: o,
+  tr: d,
+  ru: u,
+  de: y,
+  zh: c
+}, A = t;
+function D(e) {
+  const a = e ?? s();
+  return m[a] ?? A;
+}
+function h(e) {
+  return [e.sunday, e.monday, e.tuesday, e.wednesday, e.thursday, e.friday, e.saturday];
+}
+function F(e) {
+  return [e.jan, e.feb, e.mar, e.apr, e.may, e.jun, e.jul, e.aug, e.sep, e.oct, e.nov, e.dec];
+}
+function T(e, a) {
+  return e.moreFilters.replace("{count}", String(a));
+}
+export {
+  A as DEFAULT_FILTER_TRANSLATIONS,
+  m as FILTER_TRANSLATIONS,
+  T as formatMoreFilters,
+  h as getDayNames,
+  D as getFilterTranslations,
+  F as getMonthAbbreviations
+};

package/dist/components/atoms/filter/filter.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, ComponentProps } from 'react';
 import { Button } from '../../../vendor/shadcn/button';
 import { Badge } from '../../../vendor/shadcn/badge';
+import { FilterLanguage, FilterTranslations } from './filter-translations';
 interface FilterTagProps extends ComponentProps<typeof Badge> {
     label: string;
     onRemove?: () => void;
@@ -14,6 +15,15 @@ interface FilterButtonProps extends Omit<ComponentProps<typeof Button>, "childre
     onRemoveFilter?: (filterId: string) => void;
     onClearAll?: () => void;
     maxVisibleTags?: number;
+    /**
+     * Language code for translations
+     * @default "en"
+     */
+    lang?: FilterLanguage;
+    /**
+     * Custom translations (overrides lang-based translations)
+     */
+    translations?: FilterTranslations;
 }
 declare const FilterButton: import('react').ForwardRefExoticComponent<Omit<FilterButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 interface FilterSectionItem {
@@ -35,6 +45,15 @@ interface FilterSectionPropsBase {
     enableNone?: boolean;
     /** Optional description text to display below the search input (if any) and above the title */
     description?: ReactNode;
+    /**
+     * Language code for translations
+     * @default "en"
+     */
+    lang?: FilterLanguage;
+    /**
+     * Custom translations (overrides lang-based translations)
+     */
+    translations?: FilterTranslations;
 }
 interface FilterSectionCheckboxProps extends FilterSectionPropsBase {
     type?: "checkbox";
@@ -74,6 +93,17 @@ interface FilterContentProps {
     searchValue?: string;
     onSearchChange?: (value: string) => void;
     className?: string;
+    /**
+     * Language code for translations
+     * @default "en"
+     */
+    lang?: FilterLanguage;
+    /**
+     * Custom translations (overrides lang-based translations)
+     */
+    translations?: FilterTranslations;
 }
 declare const FilterContent: import('react').ForwardRefExoticComponent<FilterContentProps & import('react').RefAttributes<HTMLDivElement>>;
 export { FilterButton, FilterTag, FilterSection, FilterCheckboxOption, FilterRadioOption, FilterContent, type FilterButtonProps, type FilterTagProps, type FilterSectionProps, type FilterSectionPropsBase, type FilterSectionCheckboxProps, type FilterSectionRadioProps, type FilterSectionItem, type FilterCheckboxOptionProps, type FilterRadioOptionProps, type FilterContentProps, };
+export type { FilterLanguage, FilterTranslations } from './filter-translations';
+export { FILTER_TRANSLATIONS, DEFAULT_FILTER_TRANSLATIONS, getFilterTranslations, formatMoreFilters, } from './filter-translations';