@balena/ui-shared-components 15.2.3-build-renovate-virtua-08a362cb202bdffce13bd1b99a1cc7c88b883d25-1 → 15.2.3-build-material-7-5e95793d6147d4a1afc46e013729544abfbea089-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DownloadImageDialog/index.js +1 -1
- package/dist/components/Form/FieldTemplates/ObjectFieldTemplate.js +4 -4
- package/dist/components/Form/index.js +1 -1
- package/dist/components/RJST/components/Filters/FilterDescription.js +1 -1
- package/dist/components/RJST/components/Filters/FiltersDialog.js +23 -23
- package/dist/theme.d.ts +10 -11
- package/dist/theme.js +1 -1
- package/package.json +14 -12
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Avatar, DialogActions, DialogContent, Divider,
|
|
2
|
+
import { Avatar, DialogActions, DialogContent, Divider, Grid, Stack, Typography, } from '@mui/material';
|
|
3
3
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { FALLBACK_LOGO_UNKNOWN_DEVICE, isUrlAccessible, stripVersionBuild, } from './utils';
|
|
5
5
|
import { GENERIC_X86_MINIMUM_SUPPORTED_SECUREBOOT_VERSION, GENERIC_X86_SLUG, ImageForm, } from './ImageForm';
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import Grid from '@mui/material
|
|
2
|
+
import { Grid } from '@mui/material';
|
|
3
3
|
import { canExpand, descriptionId, getTemplate, getUiOptions, titleId, } from '@rjsf/utils';
|
|
4
4
|
export const ObjectFieldTemplate = (props) => {
|
|
5
5
|
var _a, _b;
|
|
6
|
-
const { description, title, properties, required, disabled, readonly, uiSchema,
|
|
6
|
+
const { description, title, properties, required, disabled, readonly, uiSchema, fieldPathId, schema, formData, onAddProperty, registry, } = props;
|
|
7
7
|
const uiOptions = getUiOptions(uiSchema);
|
|
8
8
|
const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, uiOptions);
|
|
9
9
|
const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
|
|
10
10
|
const { ButtonTemplates: { AddButton }, } = registry.templates;
|
|
11
|
-
return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(
|
|
11
|
+
return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(fieldPathId), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry })), description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(fieldPathId), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), _jsxs(Grid, Object.assign({ container: true, spacing: 2, style: { marginTop: '10px' } }, ((_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _a === void 0 ? void 0 : _a.container) !== null && _b !== void 0 ? _b : {}), { children: [properties.map((element, index) => {
|
|
12
12
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
13
13
|
return element.hidden ? (element.content) : (_jsx(Grid, Object.assign({ item: true, xs: 12, sx: { marginBottom: '10px' } }, ((_g = (_e = (_c = (_b = (_a = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema[element.name]) === null || _a === void 0 ? void 0 : _a['ui:grid']) === null || _b === void 0 ? void 0 : _b.item) !== null && _c !== void 0 ? _c : (_d = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _d === void 0 ? void 0 : _d[element.name]) !== null && _e !== void 0 ? _e : (_f = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['ui:grid']) === null || _f === void 0 ? void 0 : _f.item) !== null && _g !== void 0 ? _g : {}), { children: element.content }), index));
|
|
14
|
-
}), canExpand(schema, uiSchema, formData) && (_jsx(Grid, { container: true, justifyContent: "flex-end", children: _jsx(Grid, {
|
|
14
|
+
}), canExpand(schema, uiSchema, formData) && (_jsx(Grid, { container: true, justifyContent: "flex-end", children: _jsx(Grid, { children: _jsx(AddButton, { className: "object-property-expand", onClick: onAddProperty,
|
|
15
15
|
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- If `disabled` is false, we still want to disable the button if `readonly` is true
|
|
16
16
|
disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) }) }))] }))] }));
|
|
17
17
|
};
|
|
@@ -16,7 +16,7 @@ const internalWidgets = {
|
|
|
16
16
|
};
|
|
17
17
|
const FormWrapper = styled('div')({
|
|
18
18
|
// Target the Paper component within the array container
|
|
19
|
-
'& .field-array .MuiPaper-root.MuiPaper-elevation': {
|
|
19
|
+
'& .rjsf-field-array .MuiPaper-root.MuiPaper-elevation': {
|
|
20
20
|
boxShadow: 'none',
|
|
21
21
|
},
|
|
22
22
|
});
|
|
@@ -14,7 +14,7 @@ const transformToReadableValue = (parsedFilterDescription) => {
|
|
|
14
14
|
return dateFormat(value, 'PPPppp');
|
|
15
15
|
}
|
|
16
16
|
const schemaEnum = findInObject(schema, 'enum');
|
|
17
|
-
const schemaEnumNames = findInObject(schema, 'enumNames');
|
|
17
|
+
const schemaEnumNames = findInObject(schema, 'ui:enumNames');
|
|
18
18
|
if (schemaEnum && schemaEnumNames) {
|
|
19
19
|
const index = schemaEnum.findIndex((a) => isEqual(a, value));
|
|
20
20
|
return schemaEnumNames[index];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useTranslation } from '../../../../hooks/useTranslations';
|
|
4
4
|
import { getDataModel, getPropertySchemaAndModel } from '../../DataTypes';
|
|
@@ -13,28 +13,28 @@ import { findInObject } from '../../utils';
|
|
|
13
13
|
import { getRefSchema } from '../../schemaOps';
|
|
14
14
|
import { DialogWithCloseButton } from '../../../DialogWithCloseButton';
|
|
15
15
|
import { RJSForm } from '../../../Form';
|
|
16
|
-
const
|
|
16
|
+
const ArrayFieldItemTemplate = ({ children, buttonsProps, itemKey, index, totalItems, }) => {
|
|
17
17
|
const { t } = useTranslation();
|
|
18
|
-
return (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
18
|
+
return (_jsxs(Box, { children: [index > 0 && (_jsx(Typography, { sx: {
|
|
19
|
+
width: 'calc(100% - 50px)',
|
|
20
|
+
textAlign: 'center',
|
|
21
|
+
fontWeight: 'bold',
|
|
22
|
+
}, children: t('commons.or').toUpperCase() })), _jsxs(Box, { sx: {
|
|
23
|
+
display: 'flex',
|
|
24
|
+
'& .form-group.field.rjsf-field-object': {
|
|
25
|
+
display: 'flex',
|
|
26
|
+
flex: 1,
|
|
27
|
+
},
|
|
28
|
+
'& label': {
|
|
29
|
+
display: 'none',
|
|
30
|
+
},
|
|
31
|
+
// This is necessary to remove the gap of Tags label. RJSF render nested objects with multi label levels.
|
|
32
|
+
'.MuiGrid-root > .form-group.field.rjsf-field-object > .MuiFormControl-root > .MuiGrid-root.MuiGrid-container.MuiGrid-spacing-xs-2': {
|
|
33
|
+
marginTop: '-8px!important',
|
|
34
|
+
},
|
|
35
|
+
}, children: [children, _jsx(Box, { display: "flex", width: "50px", alignItems: "center", justifyContent: "center", children: index !== 0 && (_jsx(IconButton, { "aria-label": t('actions.remove_filter'),
|
|
36
|
+
// @ts-expect-error The typing of the current version of @rjsf/utils does not show that `onDropIndexClick` exists, even though it does
|
|
37
|
+
onClick: element.onDropIndexClick(element.index), sx: { mt: 2 }, children: _jsx(FontAwesomeIcon, { icon: faTimes }) })) })] }), _jsx(Box, { display: "flex", my: 2, children: buttonsProps.canAdd && index === totalItems - 1 && (_jsx(Button, { "aria-label": t('aria_labels.add_filter_in_or'), variant: "text", color: "primary", onClick: buttonsProps.onAddItem, startIcon: _jsx(FontAwesomeIcon, { icon: faPlus }), children: t('actions.add_alternative') })) })] }, itemKey));
|
|
38
38
|
};
|
|
39
39
|
const widgets = {
|
|
40
40
|
CheckboxWidget: SelectWidget,
|
|
@@ -174,7 +174,7 @@ export const FiltersDialog = ({ schema, data = initialFormData, onClose, }) => {
|
|
|
174
174
|
const: key,
|
|
175
175
|
}));
|
|
176
176
|
const uiSchema = {
|
|
177
|
-
'ui:
|
|
177
|
+
'ui:ArrayFieldItemTemplate': ArrayFieldItemTemplate,
|
|
178
178
|
items: {
|
|
179
179
|
'ui:grid': {
|
|
180
180
|
field: { xs: 4, sm: 4 },
|
package/dist/theme.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { PaletteColorOptions, TypographyStyle } from '@mui/material';
|
|
2
|
-
import type { TypographyStyleOptions } from '@mui/material/styles/createTypography';
|
|
3
2
|
import type { ColorTokens, ShapeTokens, SpacingTokens, TypographyTokens } from '@balena/design-tokens';
|
|
4
3
|
import { type IconDefinition } from '@fortawesome/free-solid-svg-icons';
|
|
5
4
|
export type Severity = 'info' | 'success' | 'warning' | 'danger';
|
|
@@ -45,16 +44,16 @@ declare module '@mui/material/styles' {
|
|
|
45
44
|
codeSm: TypographyStyle;
|
|
46
45
|
}
|
|
47
46
|
interface TypographyVariantsOptions {
|
|
48
|
-
bodyLg:
|
|
49
|
-
body:
|
|
50
|
-
bodySm:
|
|
51
|
-
titleLg:
|
|
52
|
-
title:
|
|
53
|
-
titleSm:
|
|
54
|
-
display:
|
|
55
|
-
codeLg:
|
|
56
|
-
code:
|
|
57
|
-
codeSm:
|
|
47
|
+
bodyLg: TypographyStyle | undefined;
|
|
48
|
+
body: TypographyStyle | undefined;
|
|
49
|
+
bodySm: TypographyStyle | undefined;
|
|
50
|
+
titleLg: TypographyStyle | undefined;
|
|
51
|
+
title: TypographyStyle | undefined;
|
|
52
|
+
titleSm: TypographyStyle | undefined;
|
|
53
|
+
display: TypographyStyle | undefined;
|
|
54
|
+
codeLg: TypographyStyle | undefined;
|
|
55
|
+
code: TypographyStyle | undefined;
|
|
56
|
+
codeSm: TypographyStyle | undefined;
|
|
58
57
|
}
|
|
59
58
|
interface TypeText {
|
|
60
59
|
primary: string;
|
package/dist/theme.js
CHANGED
|
@@ -1152,7 +1152,7 @@ export const theme = createTheme({
|
|
|
1152
1152
|
},
|
|
1153
1153
|
},
|
|
1154
1154
|
},
|
|
1155
|
-
|
|
1155
|
+
MuiGrid: {
|
|
1156
1156
|
// We should only apply this spacing to Grid components with `container`
|
|
1157
1157
|
// But MUI does not currently support that for defaultProps
|
|
1158
1158
|
// See: https://github.com/mui/material-ui/issues/34812
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@balena/ui-shared-components",
|
|
3
|
-
"version": "15.2.3-build-
|
|
3
|
+
"version": "15.2.3-build-material-7-5e95793d6147d4a1afc46e013729544abfbea089-1",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"files": [
|
|
@@ -18,15 +18,15 @@
|
|
|
18
18
|
"@emotion/styled": "^11.10.6",
|
|
19
19
|
"@fortawesome/free-solid-svg-icons": "^7.1.0",
|
|
20
20
|
"@fortawesome/react-fontawesome": "^3.1.0",
|
|
21
|
-
"@mui/lab": "
|
|
22
|
-
"@mui/material": "^
|
|
23
|
-
"@mui/styled-engine-sc": "^
|
|
24
|
-
"@mui/x-data-grid": "^7.
|
|
21
|
+
"@mui/lab": "7.0.0-beta.14",
|
|
22
|
+
"@mui/material": "^7.0.0",
|
|
23
|
+
"@mui/styled-engine-sc": "^7.0.0",
|
|
24
|
+
"@mui/x-data-grid": "^7.29.8",
|
|
25
25
|
"@react-google-maps/api": "^2.18.1",
|
|
26
|
-
"@rjsf/core": "^
|
|
27
|
-
"@rjsf/mui": "^
|
|
28
|
-
"@rjsf/utils": "^
|
|
29
|
-
"@rjsf/validator-ajv8": "^
|
|
26
|
+
"@rjsf/core": "^6.0.1",
|
|
27
|
+
"@rjsf/mui": "^6.0.1",
|
|
28
|
+
"@rjsf/utils": "^6.0.1",
|
|
29
|
+
"@rjsf/validator-ajv8": "^6.0.1",
|
|
30
30
|
"@tanstack/react-query": "^5.64.2",
|
|
31
31
|
"@types/jest": "^29.5.14",
|
|
32
32
|
"ajv": "^8.17.1",
|
|
@@ -45,6 +45,7 @@
|
|
|
45
45
|
"react-dom": "^18.2.0",
|
|
46
46
|
"react-dropzone": "^14.2.3",
|
|
47
47
|
"react-helmet": "^6.1.0",
|
|
48
|
+
"react-is": "^18.2.0",
|
|
48
49
|
"react-markdown": "^10.0.0",
|
|
49
50
|
"react-router-dom": "^6.28.0",
|
|
50
51
|
"remark-breaks": "^4.0.0",
|
|
@@ -52,7 +53,7 @@
|
|
|
52
53
|
"rimraf": "^6.0.0",
|
|
53
54
|
"ts-jest": "^29.2.5",
|
|
54
55
|
"typescript": "^5.9.2",
|
|
55
|
-
"virtua": "^0.
|
|
56
|
+
"virtua": "^0.37.3",
|
|
56
57
|
"zxcvbn": "^4.4.2"
|
|
57
58
|
},
|
|
58
59
|
"devDependencies": {
|
|
@@ -134,9 +135,10 @@
|
|
|
134
135
|
},
|
|
135
136
|
"homepage": "https://github.com/balena-io/ui-shared-components#readme",
|
|
136
137
|
"versionist": {
|
|
137
|
-
"publishedAt": "2025-11-
|
|
138
|
+
"publishedAt": "2025-11-05T14:44:38.208Z"
|
|
138
139
|
},
|
|
139
140
|
"overrides": {
|
|
140
|
-
"storybook": "$storybook"
|
|
141
|
+
"storybook": "$storybook",
|
|
142
|
+
"react-is": "^18.2.0"
|
|
141
143
|
}
|
|
142
144
|
}
|