@plumile/ui 0.1.55 → 0.1.56

package/lib/types/index.d.ts

@@ -3,14 +3,24 @@ export { Badge } from './atomic/atoms/badge/Badge.js';
 export { Button } from './atomic/atoms/button/Button.js';
 export { LinkButton } from './atomic/atoms/button/LinkButton.js';
 export { Checkbox } from './atomic/atoms/checkbox/Checkbox.js';
+export { FormattedDate } from './atomic/atoms/formatted-date/FormattedDate.js';
+export { IconMenuButton } from './atomic/atoms/icon-button/IconMenuButton.js';
 export { Input } from './atomic/atoms/input/Input.js';
 export { Label } from './atomic/atoms/label/Label.js';
 export { Textarea } from './atomic/atoms/textarea/Textarea.js';
 export { Card } from './atomic/molecules/card/Card.js';
+export { BreadcrumbNavigation, type BreadcrumbMenuConfig, type BreadcrumbMenuItem, type BreadcrumbNode, } from './atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js';
+export { FormActions, type FormActionsProps, } from './atomic/molecules/form-actions/FormActions.js';
 export { Tabs, type TabItem, type TabsProps, } from './atomic/molecules/tabs/Tabs.js';
+export { ToastProvider, type ToastApi, useToast, } from './atomic/molecules/toast/ToastProvider.js';
+export { ToastViewport, type ToastAction, type ToastItem, type ToastKind, type ToastViewportProps, } from './atomic/molecules/toast/ToastViewport.js';
 export { BillingUsageLineChart, type BillingUsageLineChartPoint, type BillingUsageLineChartProps, type BillingUsageLineChartSerie, } from './components/charts/BillingUsageLineChart.js';
+export { DataTable, type DataTableColumn, type DataTableKind, type DataTableProps, type GetRowId, } from './components/data-table/DataTable.js';
 export { ContentLayout, type ContentLayoutProps, } from './components/layout/ContentLayout.js';
+export { SimpleSelect, type SimpleSelectOption, } from './components/select/SimpleSelect.js';
+export { RefetchNeededBanner } from './components/subscriptions/RefetchNeededBanner.js';
 export { TabsContentLayout, type TabsContentLayoutProps, } from './components/layout/TabsContentLayout.js';
 export { InfoTile, type InfoTileProps } from './components/tile/InfoTile.js';
+export { VirtualizedConnectionTable, type InfiniteScrollConfig, type VirtualizationConfig, type VirtualizedConnectionTableProps, } from './components/data-table/VirtualizedConnectionTable.js';
 export { ChevronDownIcon } from './svg/ChevronDownIcon.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,SAAS,GACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,GAChC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EACL,oBAAoB,EACpB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,SAAS,GACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,aAAa,EACb,KAAK,QAAQ,EACb,QAAQ,GACT,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,kBAAkB,GACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,GAChC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,QAAQ,GACd,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,GACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EACL,0BAA0B,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,GACrC,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/types/styles/slots.d.ts

@@ -0,0 +1,2 @@
+export type SlotClasses<TSlot extends string> = Partial<Record<TSlot, string>>;
+//# sourceMappingURL=slots.d.ts.map

package/lib/types/styles/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../src/styles/slots.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumile/ui",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "description": "Shared React UI primitives and theme for Plumile applications",
   "type": "module",
   "license": "MIT",
@@ -29,6 +29,7 @@
       "import": "./lib/esm/icons/*.js",
       "default": "./lib/esm/icons/*.js"
     },
+    "./i18n/*": "./src/i18n/*",
     "./svg/*": {
       "types": "./lib/types/svg/*.d.ts",
       "import": "./lib/esm/svg/*.js",
@@ -73,26 +74,32 @@
   },
   "dependencies": {
     "@nivo/line": "0.99.0",
-    "@plumile/router": "^0.1.55",
+    "@plumile/router": "^0.1.56",
     "@vanilla-extract/css": "^1.18.0",
     "@vanilla-extract/recipes": "^0.5.7",
     "@vanilla-extract/sprinkles": "^1.6.5",
+    "react-i18next": "16.5.8",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
+    "i18next": "25.8.18",
     "react": "19.2.4",
     "react-dom": "19.2.4",
+    "react-i18next": "16.5.8",
     "rimraf": "6.1.3",
     "typescript": "5.9.3"
   },
   "peerDependencies": {
+    "i18next": "^25.8.18",
     "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "react-dom": "^19.2.4",
+    "react-i18next": "^16.5.8"
   },
   "files": [
     "lib",
+    "src/i18n",
     "README.md"
   ],
   "publishConfig": {

package/src/i18n/locales/en/ui.json

@@ -0,0 +1,53 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Cancel",
+      "save": "Save",
+      "saving": "Saving..."
+    },
+    "loading": "Loading...",
+    "menu": {
+      "open": "Open menu"
+    },
+    "notAvailable": "N/A",
+    "select": {
+      "placeholder": "Select an option"
+    },
+    "table": {
+      "empty": "No entries found."
+    }
+  },
+  "navigation": {
+    "breadcrumb": {
+      "empty": {
+        "groups": "No groups",
+        "matches": "No matches",
+        "projects": "No projects"
+      },
+      "menu": {
+        "group": "Group menu",
+        "project": "Project menu"
+      },
+      "search": {
+        "groups": "Search groups",
+        "projects": "Search projects"
+      }
+    }
+  },
+  "subscriptions": {
+    "refetchNeeded": {
+      "actions": {
+        "reload": "Refresh"
+      },
+      "messages": {
+        "bufferOverflow": "Live updates were interrupted (too many events). Refresh to load the latest data.",
+        "cursorReplayUnavailable": "Live updates were interrupted (reconnect unavailable). Refresh to load the latest data.",
+        "default": "Live updates were interrupted. Refresh to load the latest data."
+      },
+      "title": "Live updates interrupted"
+    }
+  },
+  "toast": {
+    "dismissAriaLabel": "Dismiss notification"
+  }
+}

package/src/i18n/locales/fr/ui.json

@@ -0,0 +1,53 @@
+{
+  "common": {
+    "actions": {
+      "cancel": "Annuler",
+      "save": "Enregistrer",
+      "saving": "Enregistrement..."
+    },
+    "loading": "Chargement...",
+    "menu": {
+      "open": "Ouvrir le menu"
+    },
+    "notAvailable": "N/A",
+    "select": {
+      "placeholder": "Sélectionner une option"
+    },
+    "table": {
+      "empty": "Aucune entrée trouvée."
+    }
+  },
+  "navigation": {
+    "breadcrumb": {
+      "empty": {
+        "groups": "Aucun groupe",
+        "matches": "Aucun résultat",
+        "projects": "Aucun projet"
+      },
+      "menu": {
+        "group": "Menu du groupe",
+        "project": "Menu du projet"
+      },
+      "search": {
+        "groups": "Rechercher des groupes",
+        "projects": "Rechercher des projets"
+      }
+    }
+  },
+  "subscriptions": {
+    "refetchNeeded": {
+      "actions": {
+        "reload": "Rafraîchir"
+      },
+      "messages": {
+        "bufferOverflow": "Les mises à jour en temps réel ont été interrompues (trop d'événements). Rafraîchissez pour récupérer les dernières données.",
+        "cursorReplayUnavailable": "Les mises à jour en temps réel ont été interrompues (reconnexion impossible). Rafraîchissez pour récupérer les dernières données.",
+        "default": "Les mises à jour en temps réel ont été interrompues. Rafraîchissez pour récupérer les dernières données."
+      },
+      "title": "Mises à jour interrompues"
+    }
+  },
+  "toast": {
+    "dismissAriaLabel": "Fermer la notification"
+  }
+}

package/src/i18n/useUiTranslation.ts

@@ -0,0 +1,6 @@
+import { useTranslation } from 'react-i18next';
+
+/** Returns i18n helpers bound to the ui namespace. */
+export function useUiTranslation(): ReturnType<typeof useTranslation> {
+  return useTranslation('ui');
+}