@ornery/ui-grid-react 0.1.7 → 0.1.8

package/src/index.ts

@@ -1,6 +1,6 @@
 export { UiGrid } from './UiGrid';
 export type { UiGridProps } from './UiGrid';
-export { mountUiGrid } from './mountUiGrid';
+export { mountUiGrid, updateUiGrid, styledCell } from './mountUiGrid';
 export {
   mountUiGridCustomElement,
   type MountUiGridCustomElementOptions,

package/src/mountUiGrid.tsx

@@ -7,4 +7,22 @@ export function mountUiGrid(container: Element | DocumentFragment, props: UiGrid
   const root = createRoot(container);
   root.render(React.createElement(UiGrid, props));
   return root;
+}
+
+/** Re-render an already-mounted UiGrid root with new props (for live data updates). */
+export function updateUiGrid(root: Root, props: UiGridProps): void {
+  root.render(React.createElement(UiGrid, props));
+}
+
+/** Create a styled <span> React node — usable from non-TSX contexts (e.g. Angular). */
+export function styledCell(
+  text: string,
+  color: string,
+  extraStyle?: React.CSSProperties,
+): React.ReactNode {
+  return React.createElement(
+    'span',
+    { style: { color, fontVariantNumeric: 'tabular-nums', ...extraStyle } },
+    text,
+  );
 }