@balena/ui-shared-components 13.0.0-build-rename-and-require-widget-extracontext-78dd3d5eba302d57a47d7ebb0fbdd8793e82d77d-1 → 13.0.0-build-upgrade-storybook-9-438bc209db8ac0658743037813f035cdb3e395a8-1

package/dist/components/DownloadImageDialog/ApplicationInstructions.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import has from 'lodash/has';
 import { interpolateMustache } from './utils';
 import { Box, List, Tab, Tabs, Typography } from '@mui/material';
-import { memo, useEffect, useState } from 'react';
+import { memo, useEffect, useMemo, useState } from 'react';
 import { MUILinkWithTracking } from '../MUILinkWithTracking';
 import { OrderedListItem } from '../OrderedListItem';
 import { Markdown } from '../Markdown';
@@ -19,38 +19,50 @@ export const getUserOs = () => {
     }
     return 'Unknown';
 };
+const dtJsonTocontractOsKeyMap = {
+    windows: 'Windows',
+    osx: 'MacOS',
+    linux: 'Linux',
+};
 export const ApplicationInstructions = memo(function ApplicationInstructions({ deviceType, templateData, }) {
     var _a;
     const [currentOs, setCurrentOs] = useState(getUserOs());
-    const hasOsSpecificInstructions = !Array.isArray(deviceType.instructions);
+    const instructions = useMemo(() => {
+        if ((deviceType === null || deviceType === void 0 ? void 0 : deviceType.instructions) == null ||
+            Array.isArray(deviceType.instructions) ||
+            typeof deviceType.instructions !== 'object') {
+            return deviceType === null || deviceType === void 0 ? void 0 : deviceType.instructions;
+        }
+        const instructionsByOs = deviceType.instructions;
+        return Object.fromEntries(Object.entries(instructionsByOs).map(([key, value]) => {
+            const normalizedKey = key in dtJsonTocontractOsKeyMap
+                ? dtJsonTocontractOsKeyMap[key]
+                : key;
+            return [normalizedKey, value];
+        }));
+    }, [deviceType === null || deviceType === void 0 ? void 0 : deviceType.instructions]);
+    const hasOsSpecificInstructions = !Array.isArray(instructions);
     const normalizedOs = currentOs === 'Unknown' ? 'Linux' : currentOs;
     useEffect(() => {
-        if (hasOsSpecificInstructions && deviceType.instructions) {
-            const oses = Object.keys(deviceType.instructions);
+        if (hasOsSpecificInstructions && instructions) {
+            const oses = Object.keys(instructions);
             if (!oses.includes(currentOs) && oses.length > 0) {
                 setCurrentOs(oses[0]);
             }
         }
-    }, [
-        currentOs,
-        setCurrentOs,
-        deviceType.instructions,
-        hasOsSpecificInstructions,
-    ]);
-    if (!deviceType.instructions) {
+    }, [currentOs, setCurrentOs, instructions, hasOsSpecificInstructions]);
+    if (!deviceType || !instructions) {
         return (_jsx(Typography, { variant: "body1", children: "Instructions for this device type are not currently available. Please try again later." }));
     }
-    const interpolatedInstructions = (_a = (hasOsSpecificInstructions
-        ? deviceType.instructions[normalizedOs]
-        : deviceType.instructions)) === null || _a === void 0 ? void 0 : _a.map((instruction) => interpolateMustache(templateData, instruction.replace(/<a/, '<a target="_blank"')));
+    const interpolatedInstructions = (_a = (hasOsSpecificInstructions ? instructions[normalizedOs] : instructions)) === null || _a === void 0 ? void 0 : _a.map((instruction) => interpolateMustache(templateData, instruction.replace(/<a/, '<a target="_blank"')));
     const finalInstructions = [
         'Use the form on the left to configure and download balenaOS for your new device.',
         ...interpolatedInstructions,
         'Your device should appear in your application dashboard within a few minutes. Have fun!',
     ];
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "flex-start", children: [_jsx(Typography, { variant: "h5", children: "Instructions" }), hasOsSpecificInstructions && (_jsx(Box, { mb: 3, children: _jsx(Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: _jsx(Tabs, { value: Object.keys(deviceType.instructions).find((key) => key === currentOs), onChange: (_event, value) => {
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "flex-start", children: [_jsx(Typography, { variant: "h5", children: "Instructions" }), hasOsSpecificInstructions && (_jsx(Box, { mb: 3, children: _jsx(Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: _jsx(Tabs, { value: Object.keys(instructions).find((key) => key === currentOs), onChange: (_event, value) => {
                             setCurrentOs(value !== null && value !== void 0 ? value : 'Unknown');
-                        }, "aria-label": "os tabs", children: Object.keys(deviceType.instructions).map((os) => {
+                        }, "aria-label": "os tabs", children: Object.keys(instructions).map((os) => {
                             return _jsx(Tab, { label: os, value: os }, os);
                         }) }) }) })), _jsx(InstructionsList, { instructions: finalInstructions }), _jsx(Box, { mt: 2, children: _jsxs(Typography, { children: ["For more details please refer to our", ' ', _jsx(MUILinkWithTracking, { href: `https://www.balena.io/docs/learn/getting-started/${deviceType.slug}/nodejs/`, children: "Getting Started Guide" }), "."] }) })] }));
 });

package/dist/components/DownloadImageDialog/models.d.ts

@@ -29,11 +29,40 @@ export interface OsVersion {
 export interface OsVersionsByDeviceType {
     [deviceTypeSlug: string]: OsVersion[];
 }
+/** @deprecated the legacy device-type.json format */
+export interface OsSpecificDeviceTypeJsonInstructions {
+    linux: string[];
+    osx: string[];
+    windows: string[];
+}
 export type OsSpecificContractInstructions = Record<'Linux' | 'MacOS' | 'Windows', string[]>;
 export interface DeviceTypeDownloadAlert {
     type: string;
     message: string;
 }
+/** @deprecated */
+export interface DeviceTypeOptions {
+    options: DeviceTypeOptionsGroup[];
+    collapsed: boolean;
+    isCollapsible: boolean;
+    isGroup: boolean;
+    message: string;
+    name: string;
+}
+/** @deprecated */
+export interface DeviceTypeOptionsGroup {
+    default: number | string;
+    message: string;
+    name: string;
+    type: string;
+    min?: number;
+    max?: number;
+    docs?: string;
+    hidden?: boolean;
+    when?: Dictionary<number | string | boolean>;
+    choices?: string[] | number[];
+    choicesLabels?: Dictionary<string>;
+}
 export interface DeviceType {
     slug: string;
     name: string;
@@ -41,5 +70,7 @@ export interface DeviceType {
     contract?: Record<string, any> | null;
     /** @deprecated */
     imageDownloadAlerts?: DeviceTypeDownloadAlert[];
-    instructions?: string[] | OsSpecificContractInstructions;
+    instructions?: string[] | OsSpecificDeviceTypeJsonInstructions | OsSpecificContractInstructions;
+    /** @deprecated */
+    options?: DeviceTypeOptions[];
 }

package/dist/components/RJST/components/Widget/Formats/BooleanAsIconWidget.js

@@ -4,7 +4,7 @@ import { faTimesCircle } from '@fortawesome/free-solid-svg-icons/faTimesCircle';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { JsonTypes, widgetFactory } from '../utils';
 import { Box, Typography } from '@mui/material';
-export const BooleanAsIconWidget = widgetFactory('BooleanAsIcon', [
+export const BooleanAsIconWidget = widgetFactory('BooleanAsIcon', {}, [
     JsonTypes.boolean,
     JsonTypes.number,
     JsonTypes.null,

package/dist/components/RJST/components/Widget/Formats/CodeWidget.js

@@ -3,6 +3,6 @@ import { Tooltip } from '@mui/material';
 import { Copy } from '../../../../Copy';
 import { JsonTypes, widgetFactory } from '../utils';
 import { Code } from '../../../../Code';
-export const CodeWidget = widgetFactory('Code', [JsonTypes.string])(({ value, }) => {
+export const CodeWidget = widgetFactory('Code', {}, [JsonTypes.string])(({ value, }) => {
     return (_jsx(Copy, { copy: value, children: _jsx(Tooltip, { title: value, children: _jsx(Code, { noWrap: true, children: value }) }) }));
 });

package/dist/components/RJST/components/Widget/Formats/DisabledTextWidget.js

@@ -3,7 +3,7 @@ import { Tooltip, Typography } from '@mui/material';
 import { useTranslation } from '../../../../../hooks/useTranslations';
 import { JsonTypes, widgetFactory } from '../utils';
 import { token } from '../../../../../utils/token';
-export const DisabledTextWidget = widgetFactory('DisabledText', [
+export const DisabledTextWidget = widgetFactory('DisabledText', {}, [
     JsonTypes.string,
     JsonTypes.number,
     JsonTypes.null,

package/dist/components/RJST/components/Widget/Formats/DurationWidget.d.ts

@@ -1 +1,6 @@
-export declare const DurationWidget: import("../utils").Widget<object, object>;
+export declare const DurationWidget: import("../utils").Widget<object, {
+    value: {
+        start?: number | Date | null;
+        end?: number | Date | null;
+    };
+}>;

package/dist/components/RJST/components/Widget/Formats/DurationWidget.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { intervalToDuration } from 'date-fns';
 import { JsonTypes, widgetFactory } from '../utils';
 import { Typography } from '@mui/material';
-export const DurationWidget = widgetFactory('Duration', [JsonTypes.object])(({ value }) => {
+export const DurationWidget = widgetFactory('Duration', {}, [JsonTypes.object])(({ value, }) => {
     const duration = React.useMemo(() => {
         var _a, _b, _c;
         if (!value.start || !value.end) {

package/dist/components/RJST/components/Widget/Formats/ElapsedTimeWidget.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { UiOption, JsonTypes, widgetFactory, formatTimestamp, timeSince, } from '../utils';
 import { Material, Tooltip } from '../../../../..';
 const { Typography } = Material;
-export const ElapsedTimeWidget = widgetFactory('ElapsedTime', [JsonTypes.string, JsonTypes.number], {
+export const ElapsedTimeWidget = widgetFactory('ElapsedTime', {
     dtFormat: UiOption.string,
-})(({ value }) => {
+}, [JsonTypes.string, JsonTypes.number])(({ value }) => {
     if (!value) {
         return null;
     }

package/dist/components/RJST/components/Widget/Formats/HashWidget.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Code } from '@mui/icons-material';
 import { Copy } from '../../../../Copy';
 import { JsonTypes, truncateHash, widgetFactory } from '../utils';
-export const HashWidget = widgetFactory('Hash', [JsonTypes.string])(({ value, }) => {
+export const HashWidget = widgetFactory('Hash', {}, [JsonTypes.string])(({ value, }) => {
     return (_jsx(Copy, { copy: value, children: _jsx(Code, { children: truncateHash(value) }) }));
 });

package/dist/components/RJST/components/Widget/Formats/PercentageWidget.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { JsonTypes, widgetFactory } from '../utils';
-export const PercentageWidget = widgetFactory('Percentage', [
+export const PercentageWidget = widgetFactory('Percentage', {}, [
     JsonTypes.string,
     JsonTypes.number,
 ])(({ value }) => {

package/dist/components/RJST/components/Widget/Formats/PlaceholderTextWidget.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@mui/material';
 import { JsonTypes, widgetFactory } from '../utils';
 import { token } from '../../../../../utils/token';
-export const PlaceholderTextWidget = widgetFactory('PlaceholderText', [
+export const PlaceholderTextWidget = widgetFactory('PlaceholderText', {}, [
     JsonTypes.string,
     JsonTypes.number,
     JsonTypes.null,

package/dist/components/RJST/components/Widget/Formats/TemperatureWidget.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { JsonTypes, widgetFactory } from '../utils';
-export const TemperatureWidget = widgetFactory('Temperature', [
+export const TemperatureWidget = widgetFactory('Temperature', {}, [
     JsonTypes.number,
 ])(({ value }) => {
     return _jsx(_Fragment, { children: value ? `~${value}°C` : '-' });

package/dist/components/RJST/components/Widget/Formats/TxtWidget.js

@@ -19,14 +19,7 @@ const getArrayValue = (value, uiSchema) => {
     return arrayString;
 };
 const DATE_TIME_FORMATS = ['date-time', 'date', 'time'];
-const TxtWidget = widgetFactory('Txt', [
-    JsonTypes.string,
-    JsonTypes.null,
-    JsonTypes.integer,
-    JsonTypes.number,
-    JsonTypes.boolean,
-    JsonTypes.array,
-], {
+const TxtWidget = widgetFactory('Txt', {
     dtFormat: UiOption.string,
     align: Object.assign(Object.assign({}, UiOption.string), { enum: ['inherit', 'left', 'center', 'right', 'justify'] }),
     gutterBottom: UiOption.bolean,
@@ -34,7 +27,14 @@ const TxtWidget = widgetFactory('Txt', [
     paragraph: UiOption.boolean,
     sx: UiOption.object,
     variant: UiOption.string,
-})(({ value, schema, uiSchema }) => {
+}, [
+    JsonTypes.string,
+    JsonTypes.null,
+    JsonTypes.integer,
+    JsonTypes.number,
+    JsonTypes.boolean,
+    JsonTypes.array,
+])(({ value, schema, uiSchema }) => {
     var _a;
     let displayValue = isArray(value)
         ? getArrayValue(value, uiSchema)

package/dist/components/RJST/components/Widget/Formats/WrapWidget.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@mui/material';
 import { JsonTypes, widgetFactory } from '../utils';
-export const WrapWidget = widgetFactory('Wrap', [JsonTypes.string])(({ value, }) => {
+export const WrapWidget = widgetFactory('Wrap', {}, [JsonTypes.string])(({ value, }) => {
     return (_jsx(Typography, { sx: { maxWidth: '475px', whitespace: 'normal' }, children: value }));
 });

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

@@ -1,2 +1,2 @@
 import type { WidgetProps } from './utils';
-export declare const Widget: ({ value, resource, schema, extraFormats, uiSchema, }: WidgetProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Widget: ({ value, extraContext, schema, extraFormats, uiSchema, }: WidgetProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/RJST/components/Widget/index.js

@@ -31,7 +31,7 @@ const getWidget = (value, format, uiSchemaWidget, extraFormats) => {
     });
     return (_b = (_a = extraFormat === null || extraFormat === void 0 ? void 0 : extraFormat.widget) !== null && _a !== void 0 ? _a : typeWidgets[valueType]) !== null && _b !== void 0 ? _b : typeWidgets.default;
 };
-export const Widget = ({ value, resource, schema = {}, extraFormats, uiSchema, }) => {
+export const Widget = ({ value, extraContext, schema = {}, extraFormats, uiSchema, }) => {
     const format = getSchemaFormat(schema);
     if (!format) {
         return _jsx(_Fragment, { children: value });
@@ -43,5 +43,5 @@ export const Widget = ({ value, resource, schema = {}, extraFormats, uiSchema, }
         return null;
     }
     const WidgetComponent = getWidget(processedValue, format, undefined, extraFormats);
-    return (_jsx(WidgetComponent, { resource: resource, value: processedValue !== null && processedValue !== void 0 ? processedValue : null, schema: schema }));
+    return (_jsx(WidgetComponent, { extraContext: extraContext, value: processedValue !== null && processedValue !== void 0 ? processedValue : null, schema: schema }));
 };

package/dist/components/RJST/components/Widget/utils.d.ts

@@ -19,7 +19,7 @@ export interface WidgetProps<T extends object = object> {
     schema: JSONSchema | undefined;
     extraFormats?: Format[];
     uiSchema?: UiSchema;
-    resource: T;
+    extraContext?: T;
 }
 export interface Widget<T extends object = object, ExtraProps = object> {
     uiOptions?: UiOptions;
@@ -49,7 +49,7 @@ export type UiOptions = {
     [key: string]: JSONSchema;
 };
 export declare const UiOption: UiOptions;
-export declare const widgetFactory: <ST extends Array<keyof JsonTypesTypeMap>>(displayName: string, supportedTypes: ST, uiOptions?: Widget["uiOptions"]) => <T extends object, ExtraProps extends object = object, V extends WidgetProps["value"] | null = JsonTypesTypeMap[ST[number]]>(widgetFn: (props: Overwrite<WidgetProps<T>, {
+export declare const widgetFactory: <ST extends Array<keyof JsonTypesTypeMap>>(displayName: string, uiOptions: Widget["uiOptions"], supportedTypes: ST) => <T extends object, ExtraProps extends object = object, V extends WidgetProps["value"] | null = JsonTypesTypeMap[ST[number]]>(widgetFn: (props: Overwrite<WidgetProps<T>, {
     value: V;
 }> & ExtraProps) => JSX.Element | null) => Widget<T, ExtraProps>;
 export declare const formatTimestamp: (timestamp: string | number, uiSchema?: UiSchema) => string;

package/dist/components/RJST/components/Widget/utils.js

@@ -33,9 +33,7 @@ export const UiOption = {
 // TODO: Replace the HOF with a plain function once TS supports optional generic types
 // See: https://github.com/microsoft/TypeScript/issues/14400
 // TODO: convert the fn args to an object once we bump TS
-export const widgetFactory = (displayName, supportedTypes, 
-// TODO: Implement a way to pass these from RJST to widgets. Likely by adding a uiSchema property or something
-uiOptions = {}) => {
+export const widgetFactory = (displayName, uiOptions, supportedTypes) => {
     return (widgetFn) => {
         const widget = widgetFn;
         Object.assign(widget, {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import type { RJSTSdk, RJSTAction, RJSTModel, RJSTBaseResource, RJSTRawModel } from './schemaOps';
 import { rjstJsonSchemaPick, rjstAddToSchema, generateSchemaFromRefScheme, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty } from './schemaOps';
 import type { JSONSchema7 as JSONSchema } from 'json-schema';
-import { rjstDefaultPermissions, rjstGetModelForCollection, rjstRunTransformers } from './models/helpers';
+import { rjstDefaultPermissions, rjstGetModelForCollection, rjstGetModelForCollection2, rjstRunTransformers } from './models/helpers';
 import { rjstGetDisabledReason } from './utils';
 import type { LensTemplate } from './Lenses';
 import type { BoxProps } from '@mui/material';
@@ -58,4 +58,4 @@ export interface RJSTProps<T> extends Omit<BoxProps, 'onChange'> {
     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 { rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstAddToSchema, type RJSTAction, type RJSTBaseResource, type RJSTRawModel, type RJSTModel, rjstJsonSchemaPick, rjstGetDisabledReason, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, };
+export { rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstGetModelForCollection2, rjstAddToSchema, type RJSTAction, type RJSTBaseResource, type RJSTRawModel, type RJSTModel, rjstJsonSchemaPick, rjstGetDisabledReason, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, };

package/dist/components/RJST/index.js

@@ -8,7 +8,7 @@ import { Filters } from './Filters/Filters';
 import { Tags } from './Actions/Tags';
 import { Update } from './Actions/Update';
 import { Create } from './Actions/Create';
-import { rjstDefaultPermissions, rjstGetModelForCollection, rjstRunTransformers, } from './models/helpers';
+import { rjstDefaultPermissions, rjstGetModelForCollection, rjstGetModelForCollection2, rjstRunTransformers, } from './models/helpers';
 import { rjstGetDisabledReason, getFromLocalStorage, getTagsDisabledReason, setToLocalStorage, getSortingFunction, DEFAULT_ITEMS_PER_PAGE, } from './utils';
 import { getLenses } from './Lenses';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -278,7 +278,7 @@ export const RJST = (_a) => {
                         setSelected: $setSelected,
                     })] }) }) })));
 };
-export { rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstAddToSchema, rjstJsonSchemaPick, rjstGetDisabledReason, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, };
+export { rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstGetModelForCollection2, rjstAddToSchema, rjstJsonSchemaPick, rjstGetDisabledReason, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, };
 const getTitleAndLabel = (t, jsonSchema, propertyKey, refScheme) => {
     var _a, _b, _c;
     const subSchema = getSubSchemaFromRefScheme(jsonSchema, refScheme);
@@ -378,7 +378,7 @@ const getColumnsFromSchema = ({ t, schema, idField, isServerSide, customSort, pr
                     ? fieldCustomSort
                     : getSortingFunction(key, val), render: (fieldVal, entry) => {
                 const calculatedField = rjstAdaptRefScheme(fieldVal, val);
-                return (_jsx(Widget, { extraFormats: [...(formats !== null && formats !== void 0 ? formats : []), ...defaultFormats], schema: widgetSchema, value: calculatedField, resource: entry }));
+                return (_jsx(Widget, { extraFormats: [...(formats !== null && formats !== void 0 ? formats : []), ...defaultFormats], schema: widgetSchema, value: calculatedField, extraContext: entry }));
             } });
     });
 };

package/dist/components/RJST/models/helpers.d.ts

@@ -9,5 +9,9 @@ export declare const rjstDefaultPermissions: {
     delete: boolean;
 };
 export declare const rjstRunTransformers: <T extends Dictionary<any>, TResult extends T, TContext = null>(data: T | undefined, transformers: Transformers<T, Omit<TResult, keyof T>, TContext>, context?: TContext) => TResult | undefined;
-export declare const rjstGetModelForCollection: <T>(model: RJSTRawModel<T>, permissions: Permissions<T>) => RJSTModel<T>;
+/** @deprecated This function will be removed in the next major. Use rjstGetModelForCollection2 instead */
+export declare const rjstGetModelForCollection: <T>(model: RJSTRawModel<T>, context?: {
+    accessRole?: string | null;
+}) => RJSTModel<T>;
+export declare const rjstGetModelForCollection2: <T>(model: RJSTRawModel<T>, permissions: Permissions<T>) => RJSTModel<T>;
 export {};

package/dist/components/RJST/models/helpers.js

@@ -28,8 +28,23 @@ export const rjstRunTransformers = (data, transformers, context) => {
     }
     return mutatedData;
 };
+// TODO: Drop me in the next major
+/** @deprecated This function will be removed in the next major. Use rjstGetModelForCollection2 instead */
 // This transformation would happen elsewhere, and it wouldn't be part of RJST
-export const rjstGetModelForCollection = (model, permissions) => {
+export const rjstGetModelForCollection = (model, context) => {
+    const accessRole = context === null || context === void 0 ? void 0 : context.accessRole;
+    const schema = model.priorities
+        ? rjstJsonSchemaPick(model.schema, [
+            ...model.priorities.primary,
+            ...model.priorities.secondary,
+            ...model.priorities.tertiary,
+        ])
+        : model.schema;
+    return Object.assign(Object.assign({}, model), { permissions: (accessRole != null && model.permissions[accessRole]) ||
+            model.permissions['default'], schema });
+};
+// This transformation would happen elsewhere, and it wouldn't be part of RJST
+export const rjstGetModelForCollection2 = (model, permissions) => {
     const schema = model.priorities
         ? rjstJsonSchemaPick(model.schema, [
             ...model.priorities.primary,

package/dist/components/TagManagementDialog/AddTagForm.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import * as uuid from 'uuid';
 import find from 'lodash/find';
 import startsWith from 'lodash/startsWith';
 import isEmpty from 'lodash/isEmpty';
@@ -9,6 +8,7 @@ import { Callout } from '../Callout';
 import { useTranslation } from '../../hooks/useTranslations';
 import { stopKeyDownEvent, withPreventDefault, } from '../../utils/eventHandling';
 import { SimpleConfirmationDialog, } from '../SimpleConfirmationDialog';
+import { useRandomUUID } from '../../hooks/useRandomUUID';
 const RESERVED_NAMESPACES = ['io.resin.', 'io.balena.'];
 const newTagValidationRules = (t, key, existingTags) => {
     return [
@@ -42,7 +42,8 @@ export const AddTagForm = ({ itemType, existingTags, overridableTags = [], addTa
     const [confirmationDialogOptions, setConfirmationDialogOptions] = React.useState();
     const tagKeyInput = React.useRef(null);
     const valueInput = React.useRef(null);
-    const formUuid = `add-tag-form-${uuid.v1()}`;
+    const formId = useRandomUUID();
+    const formUuid = `add-tag-form-${formId}`;
     const checkNewTagValidity = (key) => {
         const failedRule = newTagValidationRules(t, key, existingTags).find((rule) => rule.test());
         const hasErrors = !!failedRule;

package/dist/index.d.ts

@@ -74,7 +74,7 @@ export { SettingsCard, SettingsCardItem } from './components/SettingsCard';
 export { Tag, type TagProps, type TagItem } from './components/Tag';
 export { TagManagementDialog, type TagManagementDialogProps, } from './components/TagManagementDialog';
 export { AnalyticsContextProvider, useAnalyticsContext, AnalyticsStoreActions, } from './contexts/AnalyticsContext';
-export { RJST, type RJSTProps, rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstAddToSchema, type RJSTAction, type RJSTBaseResource, type RJSTRawModel, type RJSTModel, rjstJsonSchemaPick, rjstGetDisabledReason, type NoDataInfo, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, } from './components/RJST';
+export { RJST, type RJSTProps, rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstGetModelForCollection2, rjstAddToSchema, type RJSTAction, type RJSTBaseResource, type RJSTRawModel, type RJSTModel, rjstJsonSchemaPick, rjstGetDisabledReason, type NoDataInfo, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, } from './components/RJST';
 export { removeFieldsWithNoFilter, modifySchemaWithRefSchemes, removeRefSchemeSeparatorsFromFilters, } from './components/RJST/Filters/utils';
 export type { PineFilterObject } from './components/RJST/oData/jsonToOData';
 export { type FormData, FULL_TEXT_SLUG, ajvFilter, getPropertySchema, parseFilterDescription, createModelFilter, createFilter, createFullTextSearchFilter, convertSchemaToDefaultValue, } from './components/RJST/components/Filters/SchemaSieve';

package/dist/index.js

@@ -39,7 +39,7 @@ export { SettingsCard, SettingsCardItem } from './components/SettingsCard';
 export { Tag } from './components/Tag';
 export { TagManagementDialog, } from './components/TagManagementDialog';
 export { AnalyticsContextProvider, useAnalyticsContext, AnalyticsStoreActions, } from './contexts/AnalyticsContext';
-export { RJST, rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstAddToSchema, rjstJsonSchemaPick, rjstGetDisabledReason, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, } from './components/RJST';
+export { RJST, rjstRunTransformers, rjstDefaultPermissions, rjstGetModelForCollection, rjstGetModelForCollection2, rjstAddToSchema, rjstJsonSchemaPick, rjstGetDisabledReason, getPropertyScheme, getSubSchemaFromRefScheme, parseDescription, parseDescriptionProperty, generateSchemaFromRefScheme, } from './components/RJST';
 export { removeFieldsWithNoFilter, modifySchemaWithRefSchemes, removeRefSchemeSeparatorsFromFilters, } from './components/RJST/Filters/utils';
 export { FULL_TEXT_SLUG, ajvFilter, getPropertySchema, parseFilterDescription, createModelFilter, createFilter, createFullTextSearchFilter, convertSchemaToDefaultValue, } from './components/RJST/components/Filters/SchemaSieve';
 export { Filters, } from './components/RJST/components/Filters';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "13.0.0-build-rename-and-require-widget-extracontext-78dd3d5eba302d57a47d7ebb0fbdd8793e82d77d-1",
+  "version": "13.0.0-build-upgrade-storybook-9-438bc209db8ac0658743037813f035cdb3e395a8-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -55,17 +55,11 @@
   },
   "devDependencies": {
     "@balena/lint": "^9.3.0",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/addon-docs": "^9.0.0",
+    "@storybook/addon-links": "^9.0.0",
+    "@storybook/addon-onboarding": "^9.0.0",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/manager-api": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
+    "@storybook/react-webpack5": "^9.0.0",
     "@types/color": "^4.2.0",
     "@types/color-hash": "^2.0.0",
     "@types/lodash": "^4.17.14",
@@ -75,11 +69,11 @@
     "@types/react-dom": "^18.0.11",
     "@types/react-helmet": "^6.1.6",
     "@types/zxcvbn": "^4.4.4",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.0.0",
     "husky": "^9.0.0",
     "lint-staged": "^15.0.0",
     "prop-types": "^15.8.1",
-    "storybook": "^8.6.12",
+    "storybook": "^9.0.0",
     "ts-loader": "^9.5.1",
     "webpack": "^5.88.2"
   },
@@ -95,6 +89,9 @@
     "build-storybook": "storybook build --docs",
     "deploy-docs": "npm ci && storybook build --docs && mv storybook-static build"
   },
+  "engines": {
+    "node": "^22.0.0"
+  },
   "eslintConfig": {
     "extends": [
       "react-app",
@@ -138,6 +135,9 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-05-27T11:50:14.169Z"
+    "publishedAt": "2025-05-29T12:37:00.772Z"
+  },
+  "overrides": {
+    "storybook": "$storybook"
   }
 }