@balena/ui-shared-components 15.3.1-build-renovate-npm-storybook-vulnerability-85aadb2c7befcfc44385fb6a5fd9f3a2bdf7f374-1 → 15.4.0-build-consolidate-formats-under-context-27f23d315b7cc4e97f12eeeab5a13c350d8e952f-1

package/dist/components/RJST/Filters/Filters.js

@@ -3,10 +3,10 @@ import React from 'react';
 import { PersistentFilters } from './PersistentFilters';
 import { Filters as FiltersComponent, } from '../components/Filters';
 import { modifySchemaWithRefSchemes, removeFieldsWithNoFilter, removeRefSchemeSeparatorsFromFilters, } from './utils';
-import { useNavigate } from '../../../hooks/useNavigate';
+import { useUiSharedComponentsContext } from '../../../hooks/useUiSharedComponentsContext';
 const DEFAULT_RENDER_MODE = ['add', 'search', 'views'].slice();
 export const Filters = ({ schema, filters, views, changeFilters, changeViews, viewsRestorationKey, renderMode, onSearch, persistFilters, }) => {
-    const navigate = useNavigate();
+    const { navigate } = useUiSharedComponentsContext();
     const filteredSchema = React.useMemo(() => removeFieldsWithNoFilter(schema), [schema]);
     // This is the function that will rework the schema taking in consideration x-ref-scheme and x-foreign-key-scheme.
     const reworkedSchema = React.useMemo(() => modifySchemaWithRefSchemes(filteredSchema), [filteredSchema]);

package/dist/components/RJST/components/Filters/FocusSearch.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import debounce from 'lodash/debounce';
-import { useNavigate } from '../../../../hooks/useNavigate';
+import { useUiSharedComponentsContext } from '../../../../hooks/useUiSharedComponentsContext';
 import { ajvFilter, createFullTextSearchFilter } from './SchemaSieve';
 import { Box, styled, Typography } from '@mui/material';
 import { convertToPineClientFilter } from '../../oData/jsonToOData';
@@ -34,7 +34,7 @@ const FocusItem = styled(Box)(({ hasGetBaseUrl }) => ({
 }));
 export const FocusSearch = ({ searchTerm, filtered, rjstContext, model, rowKey = 'id', }) => {
     var _a;
-    const navigate = useNavigate();
+    const { navigate } = useUiSharedComponentsContext();
     const [searchResults, setSearchResults] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
     const inputSearch = (_a = rjstContext.sdk) === null || _a === void 0 ? void 0 : _a.inputSearch;

package/dist/components/RJST/index.d.ts

@@ -6,7 +6,6 @@ import { rjstDefaultPermissions, rjstGetModelForCollection, rjstRunTransformers
 import { rjstGetDisabledReason } from './utils';
 import type { LensTemplate } from './Lenses';
 import type { BoxProps } from '@mui/material';
-import type { Format } from './components/Widget/utils';
 import type { Pagination } from './components/Table/utils';
 export interface NoDataInfo {
     title?: string | React.ReactElement;
@@ -21,8 +20,6 @@ export interface RJSTProps<T> extends Omit<BoxProps, 'onChange'> {
     model: RJSTModel<T>;
     /** Array of data or data entity to display */
     data: T[] | undefined;
-    /** Formats are custom widgets to render in the table cell. The type of format to display is described in the model. */
-    formats?: Format[];
     /** Actions is an array of actions applicable on the selected items */
     actions?: Array<RJSTAction<T>>;
     /** The sdk is used to pass the method to handle tags when added removed or updated */
@@ -57,5 +54,5 @@ export interface RJSTProps<T> extends Omit<BoxProps, 'onChange'> {
     noDataInfo?: NoDataInfo;
     persistFilters?: boolean;
 }
-export declare const RJST: <T extends RJSTBaseResource<T>>({ model: modelRaw, data, formats, actions, sdk, customSort, refresh, getBaseUrl, onEntityClick, onChange, pagination, customLenses, loading, rowKey, noDataInfo, persistFilters, ...boxProps }: RJSTProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RJST: <T extends RJSTBaseResource<T>>({ model: modelRaw, data, actions, sdk, customSort, refresh, getBaseUrl, onEntityClick, onChange, pagination, customLenses, loading, rowKey, noDataInfo, persistFilters, ...boxProps }: RJSTProps<T>) => import("react/jsx-runtime").JSX.Element;
 export { rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstAddToSchema, type RJSTAction, type RJSTBaseResource, type RJSTRawModel, type RJSTModel, rjstJsonSchemaPick, rjstGetDisabledReason, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, };

package/dist/components/RJST/index.js

@@ -17,7 +17,7 @@ import { NoRecordsFoundView } from './NoRecordsFoundView';
 import { Box, Link, styled } from '@mui/material';
 import { useTranslation } from '../../hooks/useTranslations';
 import { useAnalyticsContext } from '../../contexts/AnalyticsContext';
-import { useNavigate } from '../../hooks/useNavigate';
+import { useUiSharedComponentsContext } from '../../hooks/useUiSharedComponentsContext';
 import { convertToPineClientFilter, orderbyBuilder } from './oData/jsonToOData';
 import { ajvFilter } from './components/Filters/SchemaSieve';
 import { Spinner } from '../Spinner';
@@ -37,10 +37,10 @@ const HeaderGrid = styled(Box)(({ theme }) => ({
 // any typing we have in lenses today.
 export const RJST = (_a) => {
     var _b, _c, _d, _e, _f;
-    var { model: modelRaw, data, formats, actions, sdk, customSort, refresh, getBaseUrl, onEntityClick, onChange, pagination, customLenses, loading = false, rowKey, noDataInfo, persistFilters = true } = _a, boxProps = __rest(_a, ["model", "data", "formats", "actions", "sdk", "customSort", "refresh", "getBaseUrl", "onEntityClick", "onChange", "pagination", "customLenses", "loading", "rowKey", "noDataInfo", "persistFilters"]);
+    var { model: modelRaw, data, actions, sdk, customSort, refresh, getBaseUrl, onEntityClick, onChange, pagination, customLenses, loading = false, rowKey, noDataInfo, persistFilters = true } = _a, boxProps = __rest(_a, ["model", "data", "actions", "sdk", "customSort", "refresh", "getBaseUrl", "onEntityClick", "onChange", "pagination", "customLenses", "loading", "rowKey", "noDataInfo", "persistFilters"]);
     const { t } = useTranslation();
     const { state: analytics } = useAnalyticsContext();
-    const navigate = useNavigate();
+    const { navigate, RJSTFormats: formats } = useUiSharedComponentsContext();
     const modelRef = React.useRef(modelRaw);
     // This allows the component to work even if
     // consumers are passing a new model object every time.

package/dist/contexts/UiSharedComponentsContextProvider.d.ts

@@ -1,9 +1,11 @@
 import type { TFunction } from '../hooks/useTranslations';
 import type { NavigateFunction } from 'react-router-dom';
+import type { Format } from '../components/RJST/components/Widget/utils';
 export interface UiSharedComponentsContextProviderInterface {
     navigate?: NavigateFunction;
     t?: TFunction;
     externalTranslationMap?: Dictionary<string>;
+    RJSTFormats?: Format[];
 }
 export declare const UiSharedComponentsContextProvider: import("react").Context<UiSharedComponentsContextProviderInterface>;
 export declare const UiSharedComponentsProvider: ({ children, ...otherProps }: UiSharedComponentsContextProviderInterface & {

package/dist/hooks/useUiSharedComponentsContext.d.ts

@@ -0,0 +1 @@
+export declare const useUiSharedComponentsContext: () => import("../contexts/UiSharedComponentsContextProvider").UiSharedComponentsContextProviderInterface;

package/dist/hooks/useUiSharedComponentsContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UiSharedComponentsContextProvider } from '../contexts/UiSharedComponentsContextProvider';
+export const useUiSharedComponentsContext = () => {
+    const context = React.useContext(UiSharedComponentsContextProvider);
+    return context;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "15.3.1-build-renovate-npm-storybook-vulnerability-85aadb2c7befcfc44385fb6a5fd9f3a2bdf7f374-1",
+  "version": "15.4.0-build-consolidate-formats-under-context-27f23d315b7cc4e97f12eeeab5a13c350d8e952f-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -137,7 +137,7 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-12-19T09:02:32.171Z"
+    "publishedAt": "2025-12-23T12:19:18.907Z"
   },
   "overrides": {
     "storybook": "$storybook",

package/dist/hooks/useNavigate.d.ts

@@ -1 +0,0 @@
-export declare const useNavigate: () => import("react-router").NavigateFunction | undefined;

package/dist/hooks/useNavigate.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { UiSharedComponentsContextProvider } from '../contexts/UiSharedComponentsContextProvider';
-export const useNavigate = () => {
-    const { navigate } = React.useContext(UiSharedComponentsContextProvider);
-    return navigate;
-};