@iris-ui-kit/react 0.3.1 → 0.3.2

package/dist/index.cjs

@@ -3935,7 +3935,7 @@ function IrisCarousel({
     {
       "data-iris-carousel": "",
       role: "group",
-      "aria-roledescription": "carousel",
+      "aria-roledescription": t("carousel.roleDescription"),
       "aria-label": ariaLabel ?? t("carousel.label"),
       tabIndex: 0,
       className,
@@ -3971,7 +3971,7 @@ function IrisCarousel({
                     "data-iris-carousel-slide": "",
                     "data-active": i === current ? "true" : void 0,
                     role: "group",
-                    "aria-roledescription": "slide",
+                    "aria-roledescription": t("carousel.slideRoleDescription"),
                     "aria-label": t("carousel.slide", { index: i + 1, total: count }),
                     "aria-hidden": i !== current ? "true" : void 0,
                     style: { flex: "0 0 100%", width: "100%", minWidth: 0 },
@@ -14755,7 +14755,8 @@ function ColumnResizeHandle({
   maxWidth,
   onResize,
   onAutoFit,
-  widthHint = false
+  widthHint = false,
+  t
 }) {
   const ref = React132__namespace.useRef(null);
   const startRef = React132__namespace.useRef(0);
@@ -14781,7 +14782,7 @@ function ColumnResizeHandle({
       ref,
       role: "separator",
       "aria-orientation": "vertical",
-      "aria-label": `Resize ${label}`,
+      "aria-label": t("table.resizeColumn", { column: label }),
       tabIndex: 0,
       "data-iris-table-resize-handle": "",
       "data-column-key": colKey,
@@ -14843,7 +14844,8 @@ function PinnedDragHandle({
   colKey,
   label,
   resolve: resolve4,
-  commit
+  commit,
+  t
 }) {
   const ref = React132__namespace.useRef(null);
   const [dx, setDx] = React132__namespace.useState(0);
@@ -14863,7 +14865,7 @@ function PinnedDragHandle({
       ref,
       role: "separator",
       "aria-orientation": "vertical",
-      "aria-label": `Adjust pinned column count at ${label}`,
+      "aria-label": t("table.resizePinned", { column: label }),
       tabIndex: 0,
       "data-iris-pinned-drag-handle": "",
       "data-column-key": colKey,
@@ -15167,6 +15169,12 @@ function useTableColumns(options) {
     () => core.applyColumnOrder(detectedColumns, options.columnOrder),
     [detectedColumns, options.columnOrder]
   );
+  const visibilitySignature2 = JSON.stringify(
+    Object.keys(options.columnVisibility ?? {}).map((key) => [
+      key,
+      options.columnVisibility?.[key]
+    ])
+  );
   const displayColumns = React132__namespace.useMemo(() => {
     let cols = orderedColumns;
     cols = core.applyColumnVisibility(cols, options.columnVisibility);
@@ -15174,7 +15182,7 @@ function useTableColumns(options) {
       cols = cols.filter((col) => col.visibleMethod ? col.visibleMethod() !== false : true);
     }
     return cols;
-  }, [orderedColumns, options.columnVisibility]);
+  }, [orderedColumns, visibilitySignature2]);
   const responsiveLeadingWidth = (options.rowDrag ? DRAG_COL_WIDTH : 0) + (options.showRowNumbers ? SEQ_COL_WIDTH : 0) + (hasDetail ? EXPAND_COL_WIDTH : 0) + (options.selectable !== "none" ? SELECTION_COL_WIDTH : 0);
   const responsiveResult = React132__namespace.useMemo(() => {
     if (!options.responsive) return { columns: displayColumns, overflow: false };
@@ -16475,7 +16483,10 @@ function FlatTableHeader(props) {
                 "span",
                 {
                   "data-iris-header-stats": "",
-                  "aria-label": `count ${headerStatsByKey[col.key].count}, average ${headerStatsByKey[col.key].average.toFixed(2)}`,
+                  "aria-label": t("table.headerStats", {
+                    count: String(headerStatsByKey[col.key].count),
+                    average: headerStatsByKey[col.key].average.toFixed(2)
+                  }),
                   style: {
                     marginInlineStart: "var(--iris-space-xxs, 4px)",
                     fontSize: "var(--iris-font-size-xs, 12px)",
@@ -16483,7 +16494,10 @@ function FlatTableHeader(props) {
                     fontWeight: 400,
                     whiteSpace: "nowrap"
                   },
-                  children: `n=${headerStatsByKey[col.key].count} \xB7 avg=${headerStatsByKey[col.key].average.toFixed(2)}`
+                  children: t("table.headerStatsShort", {
+                    count: String(headerStatsByKey[col.key].count),
+                    average: headerStatsByKey[col.key].average.toFixed(2)
+                  })
                 }
               ) : null,
               showCellRefs ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -16541,7 +16555,8 @@ function FlatTableHeader(props) {
                   colKey: col.key,
                   label: col.title,
                   resolve: resolvePinnedCount,
-                  commit: commitPinnedCount
+                  commit: commitPinnedCount,
+                  t
                 }
               ) : null,
               resizableColumns && !(pinnedBoundaryCol && pinnedBoundaryCol.key === col.key) ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -16554,6 +16569,7 @@ function FlatTableHeader(props) {
                   maxWidth: col.maxWidth ?? Infinity,
                   onResize: setColumnWidth,
                   widthHint,
+                  t,
                   onAutoFit: autoResizeColumns ? () => onAutoFitColumn?.(col) : void 0
                 }
               ) : null
@@ -16767,7 +16783,10 @@ function GroupedTableHeader(props) {
                     "span",
                     {
                       "data-iris-header-stats": "",
-                      "aria-label": `count ${headerStatsByKey[col.key].count}, average ${headerStatsByKey[col.key].average.toFixed(2)}`,
+                      "aria-label": t("table.headerStats", {
+                        count: String(headerStatsByKey[col.key].count),
+                        average: headerStatsByKey[col.key].average.toFixed(2)
+                      }),
                       style: {
                         marginInlineStart: "var(--iris-space-xxs, 4px)",
                         fontSize: "var(--iris-font-size-xs, 12px)",
@@ -16775,7 +16794,10 @@ function GroupedTableHeader(props) {
                         fontWeight: 400,
                         whiteSpace: "nowrap"
                       },
-                      children: `n=${headerStatsByKey[col.key].count} \xB7 avg=${headerStatsByKey[col.key].average.toFixed(2)}`
+                      children: t("table.headerStatsShort", {
+                        count: String(headerStatsByKey[col.key].count),
+                        average: headerStatsByKey[col.key].average.toFixed(2)
+                      })
                     }
                   ) : null,
                   showCellRefs && isLeaf ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -16833,7 +16855,8 @@ function GroupedTableHeader(props) {
                       colKey: col.key,
                       label: col.title,
                       resolve: resolvePinnedCount,
-                      commit: commitPinnedCount
+                      commit: commitPinnedCount,
+                      t
                     }
                   ) : null
                 ]
@@ -17669,7 +17692,7 @@ function TableViews({
           {
             "data-iris-table-views": "",
             value: saveOpen ? SAVE_ITEM_VALUE : activeKey ?? "",
-            "aria-label": t("table.views.placeholder"),
+            "aria-label": t("table.views.label"),
             onChange: (e) => {
               const v = e.target.value;
               if (v === SAVE_ITEM_VALUE) {
@@ -18495,18 +18518,19 @@ function IrisTable({
     ...row,
     children
   });
-  const { rows: liveData, model: rowsModel } = useGridRows(
+  const { rows: liveDataSnapshot, model: rowsModel } = useGridRows(
     gridCore,
     legacyRows.initialRows,
     {
       ...legacyRows.options,
-      // Keep the legacy no-`keepSource` seed identity while the core feature
-      // defaults to defensive ownership for standalone consumers.
+      // keepSource copies the seed; without it, preserve the legacy adapter
+      // contract by reading Core's source-reference state during render.
       cloneDefaultRows: keepSource === true,
       getChildren: getSubRows !== void 0 || lazyLoad !== void 0 ? readRowChildren : void 0,
       setChildren: writeLazyChildren
     }
   );
+  const liveData = keepSource ? liveDataSnapshot : rowsModel.get();
   const { pagination, setPage, setPageSize } = useTablePagination(
     gridCore,
     proxy ? proxyState : null,
@@ -24949,6 +24973,7 @@ function TreeNodeView({
   selectNode,
   toggleExpand
 }) {
+  const { t } = useI18n();
   const { node, depth, hasChildren } = flatNode;
   const isExpanded = expanded.has(node.id);
   const isSelected = selected.has(node.id);
@@ -24996,7 +25021,7 @@ function TreeNodeView({
           "button",
           {
             type: "button",
-            "aria-label": isExpanded ? "Collapse" : "Expand",
+            "aria-label": isExpanded ? t("treeSelect.collapse") : t("treeSelect.expand"),
             "data-iris-tree-toggle": "",
             onClick: (event) => {
               event.stopPropagation();
@@ -29088,7 +29113,7 @@ function IrisNavMenu({
         "data-branch": branch ? "true" : void 0,
         disabled: node.disabled,
         title: node.title,
-        "aria-label": branch ? `${node.title} (section)` : node.title,
+        "aria-label": branch ? t("admin.section", { title: node.title }) : node.title,
         "aria-current": active && !branch ? "page" : void 0,
         style: itemStyle({
           depth: 0,
@@ -29520,7 +29545,7 @@ function IrisAdminTabs({
             /* @__PURE__ */ jsxRuntime.jsx(IrisDropdownItem, { onSelect: () => nav.closeRight(activeKey), children: translate("admin.closeRight") }),
             /* @__PURE__ */ jsxRuntime.jsx(IrisDropdownItem, { onSelect: () => nav.closeOthers(activeKey), children: translate("admin.closeOthers") }),
             /* @__PURE__ */ jsxRuntime.jsx(IrisDropdownItem, { onSelect: () => nav.closeAll(), children: translate("admin.closeAll") })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx(IrisDropdownItem, { disabled: true, children: "No active tab" }) })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(IrisDropdownItem, { disabled: true, children: translate("admin.noActiveTab") }) })
         ] })
       ]
     }
@@ -29581,7 +29606,7 @@ function IrisAdminLayout({
   defaultCollapsed = false,
   onCollapsedChange,
   mode = "sidebar",
-  appTitle = "Iris Admin",
+  appTitle,
   tabs,
   showTabs = true,
   showBreadcrumb = true,
@@ -29599,6 +29624,7 @@ function IrisAdminLayout({
   children
 }) {
   const { t } = useI18n();
+  const resolvedAppTitle = appTitle ?? t("admin.title");
   const {
     activeKey: currentActive,
     navigate,
@@ -29655,7 +29681,7 @@ function IrisAdminLayout({
             children: /* @__PURE__ */ jsxRuntime.jsx(IrisIcon, { name: "menu", size: 18 })
           }
         ),
-        state.collapsed ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { children: appTitle })
+        state.collapsed ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedAppTitle })
       ]
     }
   );
@@ -29873,11 +29899,11 @@ function useAdminPreferences(preferences, hydrate = true) {
   };
 }
 function IrisLoginTemplate({
-  title = "Sign in",
+  title,
   description = "",
   showRemember = true,
   error = "",
-  submitLabel = "Sign in",
+  submitLabel,
   loading = false,
   header,
   forgot,
@@ -29886,6 +29912,9 @@ function IrisLoginTemplate({
   style,
   className
 }) {
+  const { t } = useI18n();
+  const resolvedTitle = title ?? t("login.title");
+  const resolvedSubmitLabel = submitLabel ?? t("login.submit");
   const [email, setEmail] = React132__namespace.useState("");
   const [password, setPassword] = React132__namespace.useState("");
   const [remember, setRemember] = React132__namespace.useState(false);
@@ -29930,7 +29959,7 @@ function IrisLoginTemplate({
                     fontSize: "var(--iris-font-size-2xl, 20px)",
                     fontWeight: 700
                   },
-                  children: title
+                  children: resolvedTitle
                 }
               ),
               description ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -29946,23 +29975,23 @@ function IrisLoginTemplate({
               ) : null
             ] }),
             error ? /* @__PURE__ */ jsxRuntime.jsx(IrisAlert, { tone: "danger", title: error }) : null,
-            /* @__PURE__ */ jsxRuntime.jsx(IrisFormField, { label: "Email", required: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(IrisFormField, { label: t("login.email"), required: true, children: /* @__PURE__ */ jsxRuntime.jsx(
               IrisInput,
               {
                 type: "email",
                 value: email,
                 onChange: (e) => setEmail(e.target.value),
-                placeholder: "you@example.com",
+                placeholder: t("login.emailPlaceholder"),
                 disabled: loading,
                 autoComplete: "email"
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(IrisFormField, { label: "Password", required: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(IrisFormField, { label: t("login.password"), required: true, children: /* @__PURE__ */ jsxRuntime.jsx(
               IrisPasswordInput,
               {
                 value: password,
                 onChange: (e) => setPassword(e.target.value),
-                placeholder: "Enter your password",
+                placeholder: t("login.passwordPlaceholder"),
                 disabled: loading,
                 autoComplete: "current-password"
               }
@@ -29982,16 +30011,16 @@ function IrisLoginTemplate({
                       checked: remember,
                       onChange: (next) => setRemember(next),
                       disabled: loading,
-                      children: "Remember me"
+                      children: t("login.remember")
                     }
                   ),
                   forgot ?? null
                 ]
               }
             ) : null,
-            /* @__PURE__ */ jsxRuntime.jsx(IrisButton, { type: "submit", variant: "solid", loading, style: { width: "100%" }, children: submitLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(IrisButton, { type: "submit", variant: "solid", loading, style: { width: "100%" }, children: resolvedSubmitLabel }),
             footer ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(IrisDivider, { spacing: "md", label: "or" }),
+              /* @__PURE__ */ jsxRuntime.jsx(IrisDivider, { spacing: "md", label: t("login.footerDivider") }),
               footer
             ] }) : null
           ] })
@@ -30001,7 +30030,7 @@ function IrisLoginTemplate({
   );
 }
 function IrisDashboardTemplate({
-  title = "Dashboard",
+  title,
   sidebarTitle = "",
   nav = [],
   activeId = "",
@@ -30016,6 +30045,8 @@ function IrisDashboardTemplate({
   style,
   className
 }) {
+  const { t } = useI18n();
+  const resolvedTitle = title ?? t("dashboard.title");
   const [collapsed, setCollapsed] = React132__namespace.useState(defaultCollapsed);
   const handleCollapsed = (next) => {
     setCollapsed(next);
@@ -30060,7 +30091,7 @@ function IrisDashboardTemplate({
             /* @__PURE__ */ jsxRuntime.jsx(
               "nav",
               {
-                "aria-label": "Primary",
+                "aria-label": t("dashboard.primaryNavigation"),
                 style: {
                   display: "flex",
                   flexDirection: "column",
@@ -30129,7 +30160,7 @@ function IrisDashboardTemplate({
                     fontSize: "var(--iris-font-size-lg, 16px)",
                     fontWeight: 600
                   },
-                  children: title
+                  children: resolvedTitle
                 }
               ),
               children: children ?? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 20 }, children: /* @__PURE__ */ jsxRuntime.jsx(IrisDashboardGrid, { columns: 12, gap: 16, children: cards.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(