@iris-ui-kit/react 0.3.1 → 0.3.2

package/dist/index.d.cts

@@ -661,7 +661,7 @@ interface IrisCarouselProps {
 /**
  * Slide carousel: shows one child slide at a time with prev/next controls,
  * indicator dots, and keyboard (←/→) navigation. Controlled or uncontrolled.
- * a11y: region with `aria-roledescription="carousel"`, per-slide labelling,
+ * a11y: region and slides use localized role descriptions, per-slide labelling,
  * and a polite live region announcing the active slide.
  *
  * React port of {@link import('@iris-ui-kit/vue').IrisCarousel}.

package/dist/index.d.ts

@@ -661,7 +661,7 @@ interface IrisCarouselProps {
 /**
  * Slide carousel: shows one child slide at a time with prev/next controls,
  * indicator dots, and keyboard (←/→) navigation. Controlled or uncontrolled.
- * a11y: region with `aria-roledescription="carousel"`, per-slide labelling,
+ * a11y: region and slides use localized role descriptions, per-slide labelling,
  * and a polite live region announcing the active slide.
  *
  * React port of {@link import('@iris-ui-kit/vue').IrisCarousel}.

package/dist/index.js

@@ -1,7 +1,7 @@
 'use client'
 export { createUndoStack, useUndoStack } from './chunk-CYQO33XH.js';
-import { useGridCore, useGridColumns, toGridColumnsOptions, toGridRowsOptions, useGridRows, useGridSorting, toGridSortingOptions, useGridSelection, toGridSelectionOptions, useGridExpansion, toGridExpansionOptions, useGridEditing, useGridFiltering, toGridFilteringOptions, useGridRange, useGridClipboard, useGridVirtual, useGridPagination, toGridPaginationOptions } from './chunk-3772LKJP.js';
-export { toGridColumnsOptions, toGridExpansionOptions, toGridFilteringOptions, toGridPaginationOptions, toGridRowsOptions, toGridSelectionOptions, toGridSortingOptions, useGridClipboard, useGridColumns, useGridCore, useGridEditing, useGridExpansion, useGridFiltering, useGridPagination, useGridRange, useGridRows, useGridSelection, useGridSorting, useGridVirtual } from './chunk-3772LKJP.js';
+import { useGridCore, useGridColumns, toGridColumnsOptions, toGridRowsOptions, useGridRows, useGridSorting, toGridSortingOptions, useGridSelection, toGridSelectionOptions, useGridExpansion, toGridExpansionOptions, useGridEditing, useGridFiltering, toGridFilteringOptions, useGridRange, useGridClipboard, useGridVirtual, useGridPagination, toGridPaginationOptions } from './chunk-JANOOAZ5.js';
+export { toGridColumnsOptions, toGridExpansionOptions, toGridFilteringOptions, toGridPaginationOptions, toGridRowsOptions, toGridSelectionOptions, toGridSortingOptions, useGridClipboard, useGridColumns, useGridCore, useGridEditing, useGridExpansion, useGridFiltering, useGridPagination, useGridRange, useGridRows, useGridSelection, useGridSorting, useGridVirtual } from './chunk-JANOOAZ5.js';
 export { IrisGrid } from './chunk-7ILMMLK6.js';
 import { useBodyScrollLock, useFocusTrap } from './chunk-4VPCQ3U4.js';
 export { __getBodyScrollLockCount, __resetBodyScrollLock, useBodyScrollLock, useFocusTrap } from './chunk-4VPCQ3U4.js';
@@ -10,11 +10,11 @@ export { DATA_STATE_CLASS, __resetDataStateStyles, installDataStateStyles, useDa
 export { IrisProvider, PluginStoreContext, usePlugin, usePluginStore } from './chunk-IDD35UJ6.js';
 export { SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, useSkinOptional, validateSkin } from './chunk-WIHBIDVJ.js';
 export { createClientFetcher, createResourceController, useResourceController } from './chunk-TQ33XJIK.js';
-import { IrisButton, IrisCheckbox, IrisFormField, IrisInput } from './chunk-QKDOW7FG.js';
-export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-QKDOW7FG.js';
+import { IrisButton, IrisCheckbox, IrisFormField, IrisInput } from './chunk-EB5VUIPA.js';
+export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-EB5VUIPA.js';
 export { IrisContainer, IrisDashboardCard, IrisDashboardGrid, IrisStack } from './chunk-ZKBDUWUD.js';
-import { IrisSlot, useMachine } from './chunk-TDVRIHE6.js';
-export { DropdownContext, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, IrisSlot, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useDropdownContext, useMachine, useTabsNav, visibleNav } from './chunk-TDVRIHE6.js';
+import { IrisSlot, useMachine } from './chunk-2Z45RXJA.js';
+export { DropdownContext, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, IrisSlot, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useDropdownContext, useMachine, useTabsNav, visibleNav } from './chunk-2Z45RXJA.js';
 export { ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext, useThemeOptional } from './chunk-XCK4RIXB.js';
 export { IrisHeaderLayout, IrisSidebarLayout } from './chunk-J5FB2UB2.js';
 export { useAsyncResource, usePaginatedResource } from './chunk-3KYNBLRY.js';
@@ -2167,7 +2167,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,
@@ -2203,7 +2203,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 },
@@ -12057,7 +12057,8 @@ function ColumnResizeHandle({
   maxWidth,
   onResize,
   onAutoFit,
-  widthHint = false
+  widthHint = false,
+  t
 }) {
   const ref = React93.useRef(null);
   const startRef = React93.useRef(0);
@@ -12083,7 +12084,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,
@@ -12145,7 +12146,8 @@ function PinnedDragHandle({
   colKey,
   label,
   resolve: resolve4,
-  commit
+  commit,
+  t
 }) {
   const ref = React93.useRef(null);
   const [dx, setDx] = React93.useState(0);
@@ -12165,7 +12167,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,
@@ -12469,6 +12471,12 @@ function useTableColumns(options) {
     () => applyColumnOrder(detectedColumns, options.columnOrder),
     [detectedColumns, options.columnOrder]
   );
+  const visibilitySignature = JSON.stringify(
+    Object.keys(options.columnVisibility ?? {}).map((key) => [
+      key,
+      options.columnVisibility?.[key]
+    ])
+  );
   const displayColumns = React93.useMemo(() => {
     let cols = orderedColumns;
     cols = applyColumnVisibility(cols, options.columnVisibility);
@@ -12476,7 +12484,7 @@ function useTableColumns(options) {
       cols = cols.filter((col) => col.visibleMethod ? col.visibleMethod() !== false : true);
     }
     return cols;
-  }, [orderedColumns, options.columnVisibility]);
+  }, [orderedColumns, visibilitySignature]);
   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 = React93.useMemo(() => {
     if (!options.responsive) return { columns: displayColumns, overflow: false };
@@ -13777,7 +13785,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)",
@@ -13785,7 +13796,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__ */ jsx(
@@ -13843,7 +13857,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__ */ jsx(
@@ -13856,6 +13871,7 @@ function FlatTableHeader(props) {
                   maxWidth: col.maxWidth ?? Infinity,
                   onResize: setColumnWidth,
                   widthHint,
+                  t,
                   onAutoFit: autoResizeColumns ? () => onAutoFitColumn?.(col) : void 0
                 }
               ) : null
@@ -14069,7 +14085,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)",
@@ -14077,7 +14096,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__ */ jsx(
@@ -14135,7 +14157,8 @@ function GroupedTableHeader(props) {
                       colKey: col.key,
                       label: col.title,
                       resolve: resolvePinnedCount,
-                      commit: commitPinnedCount
+                      commit: commitPinnedCount,
+                      t
                     }
                   ) : null
                 ]
@@ -14971,7 +14994,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) {
@@ -15797,18 +15820,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,
@@ -22251,6 +22275,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);
@@ -22298,7 +22323,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();