@balena/ui-shared-components 15.2.7-build-renovate-virtua-4e2cd4d4d6c7447f3115e80728f3145073d82686-1 → 15.2.7-build-drop-some-lodash-for-native-alternatives-f5c2dd6b7054f6167a376db7c0d4d2da8291a9eb-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 +7 -6
- package/dist/components/DownloadImageDialog/version.js +1 -1
- package/dist/components/DropDownButton/index.js +7 -7
- package/dist/components/Form/Widgets/FileWidget.js +1 -1
- package/dist/components/RJST/DataTypes/array.js +4 -3
- package/dist/components/RJST/DataTypes/object.js +18 -9
- package/dist/components/RJST/Filters/utils.js +4 -3
- package/dist/components/RJST/Lenses/index.js +1 -2
- package/dist/components/RJST/components/Filters/SchemaSieve.js +2 -3
- package/dist/components/RJST/components/Table/useTagActions.js +1 -1
- package/dist/components/RJST/components/Widget/Formats/TxtWidget.js +1 -2
- package/dist/components/RJST/components/Widget/index.js +2 -2
- package/dist/components/RJST/models/helpers.js +2 -2
- package/dist/components/RJST/schemaOps.js +2 -1
- package/dist/components/RJST/utils.js +2 -2
- package/dist/components/TagManagementDialog/AddTagForm.js +3 -8
- package/dist/components/TagManagementDialog/index.js +2 -2
- package/dist/components/TagManagementDialog/tag-management-service.js +5 -6
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/utils/arrays.d.ts +2 -0
- package/dist/utils/arrays.js +6 -0
- package/dist/utils/objects.d.ts +1 -0
- package/dist/utils/objects.js +3 -0
- package/package.json +3 -3
|
@@ -7,9 +7,8 @@ import { ApplicationInstructions } from './ApplicationInstructions';
|
|
|
7
7
|
import { DropDownButton } from '../DropDownButton';
|
|
8
8
|
import pickBy from 'lodash/pickBy';
|
|
9
9
|
import debounce from 'lodash/debounce';
|
|
10
|
-
import isEmpty from 'lodash/isEmpty';
|
|
11
10
|
import { OsTypesEnum } from './models';
|
|
12
|
-
import uniq from '
|
|
11
|
+
import { uniq } from '../../utils/arrays';
|
|
13
12
|
import { enqueueSnackbar } from 'notistack';
|
|
14
13
|
import { DialogWithCloseButton } from '../DialogWithCloseButton';
|
|
15
14
|
import { Callout } from '../Callout';
|
|
@@ -17,6 +16,7 @@ import { Spinner } from '../Spinner';
|
|
|
17
16
|
import { faDownload } from '@fortawesome/free-solid-svg-icons';
|
|
18
17
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
19
18
|
import * as semver from 'balena-semver';
|
|
19
|
+
import { isObjectEmpty } from '../../utils/objects';
|
|
20
20
|
const etcherLogoBase64 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnPgogIDx0aXRsZT5FdGNoZXI8L3RpdGxlPgogIDxnIGlkPSJzdmdfMSIgc3Ryb2tlPSJudWxsIj4KICAgPHBhdGggaWQ9InN2Z18yIiBjbGFzcz0ic3QxIiBkPSJtNDEyLjkwMzgzLDM1OC4wNjcxM2wwLDE3MS40OTU4M2M3LjQ5MjU0LC0xLjY2NTAxIDE0LjE1MjU3LC0zLjMzMDAyIDIwLjgxMjYsLTcuNDkyNTRsMTQyLjM1ODE5LC04MS41ODUzOWMyMC44MTI2LC0xMS42NTUwNiAzMy4zMDAxNiwtMzQuMTMyNjYgMzMuMzAwMTYsLTU4LjI3NTI4bDAsLTE2Mi4zMzgyOGMwLC02LjY2MDAzIC0wLjgzMjUsLTEzLjMyMDA2IC0zLjMzMDAyLC0xOS4xNDc1OWwtMTU0LjAxMzI0LDg5LjA3NzkzYy0zMi40Njc2NiwyMi40Nzc2MSAtMzkuMTI3NjksNDMuMjkwMjEgLTM5LjEyNzY5LDY4LjI2NTMzbDAsLTAuMDAwMDF6IiBmaWxsPSIjQTVERTM3IiBzdHJva2U9Im51bGwiLz4KICAgPHBhdGggaWQ9InN2Z18zIiBjbGFzcz0ic3QyIiBkPSJtNjYyLjY1NTAzLDE2Ny40MjM3MWwtNTYuNjEwMjcsMzIuNDY3NjZjMS42NjUwMSw1LjgyNzUzIDMuMzMwMDIsMTIuNDg3NTYgMy4zMzAwMiwxOS4xNDc1OWwwLDE2My4xNzA3OWMwLDI0LjE0MjYyIC0xMy4zMjAwNiw0Ni42MjAyMiAtMzMuMzAwMTYsNTguMjc1MjhsLTE0Mi4zNTgxOSw4MS41ODUzOWMtNi42NjAwMywzLjMzMDAyIC0xMy4zMjAwNiw1LjgyNzUzIC0yMC44MTI2LDcuNDkyNTRsMCw2NC45MzUzMWM5Ljk5MDA1LC0xLjY2NTAxIDE5Ljk4MDEsLTQuOTk1MDIgMjguMzA1MTQsLTkuOTkwMDVsMTg0LjgxNTg5LC0xMDUuNzI4MDFjMjUuODA3NjIsLTE0Ljk4NTA3IDQxLjYyNTIsLTQyLjQ1NzcgNDEuNjI1MiwtNzIuNDI3ODVsMCwtMjExLjQ1NjAyYzAsLTkuMTU3NTQgLTEuNjY1MDEsLTE4LjMxNTA5IC00Ljk5NTAyLC0yNy40NzI2M2wtMC4wMDAwMSwweiIgZmlsbD0iI0M4RjE3OCIgc3Ryb2tlPSJudWxsIi8+CiAgIDxwYXRoIGlkPSJzdmdfNCIgY2xhc3M9InN0MSIgZD0ibTM5OS41ODM3NiwzMDMuOTU0MzZjOC4zMjUwNCwtMTMuMzIwMDYgMjAuODEyNiwtMjUuODA3NjIgMzkuMTI3NjksLTM2LjYzMDE4bDE1NS42NzgyNSwtODkuOTEwNDNjLTQuOTk1MDIsLTYuNjYwMDMgLTExLjY1NTA2LC0xMi40ODc1NiAtMTguMzE1MDksLTE2LjY1MDA4bC0xNDIuMzU4MTksLTgxLjU4NTM5Yy0yMC44MTI2LC0xMS42NTUwNiAtNDYuNjIwMjIsLTExLjY1NTA2IC02Ny40MzI4MiwwbC0xNDEuNTI1NjgsODEuNTg1MzljLTcuNDkyNTQsNC4xNjI1MiAtMTMuMzIwMDYsOS45OTAwNSAtMTkuMTQ3NTksMTYuNjUwMDhsMTU0Ljg0NTc1LDg5LjkxMDQzYzE4LjMxNTA5LDExLjY1NTA2IDMwLjgwMjY1LDIzLjMxMDExIDM5LjEyNzY5LDM2LjYzMDE4bC0wLjAwMDAxLDB6IiBmaWxsPSIjQTVERTM3IiBzdHJva2U9Im51bGwiLz4KICAgPHBhdGggaWQ9InN2Z181IiBjbGFzcz0ic3QyIiBkPSJtMjI0Ljc1NzkyLDE2MS41OTYxOGwxNDEuNTI1NjgsLTgxLjU4NTM5YzIwLjgxMjYsLTExLjY1NTA2IDQ2LjYyMDIyLC0xMS42NTUwNiA2Ny40MzI4MiwwbDE0Mi4zNTgxOSw4MS41ODUzOWM3LjQ5MjU0LDQuMTYyNTIgMTMuMzIwMDYsOS45OTAwNSAxOC4zMTUwOSwxNi42NTAwOGw1Ni42MTAyNywtMzIuNDY3NjZjLTYuNjYwMDMsLTkuMTU3NTQgLTE0Ljk4NTA3LC0xNi42NTAwOCAtMjQuOTc1MTIsLTIxLjY0NTFsLTE4NC44MTU4OSwtMTA3LjM5MzAyYy0yNS44MDc2MiwtMTQuOTg1MDcgLTU3LjQ0Mjc4LC0xNC45ODUwNyAtODMuMjUwNCwwbC0xODMuMTUwODgsMTA2LjU2MDUxYy05Ljk5MDA1LDUuODI3NTMgLTE4LjMxNTA5LDEzLjMyMDA2IC0yNC45NzUxMiwyMi40Nzc2MWw1Ni42MTAyNywzMi40Njc2NmM0LjE2MjUyLC02LjY2MDAzIDEwLjgyMjU1LC0xMi40ODc1NiAxOC4zMTUwOSwtMTYuNjUwMDh6IiBmaWxsPSIjQzhGMTc4IiBzdHJva2U9Im51bGwiLz4KICAgPHBhdGggaWQ9InN2Z182IiBjbGFzcz0ic3QyIiBkPSJtMzY2LjI4MzYsNTIyLjA3MDQxbC0xNDEuNTI1NjgsLTgxLjU4NTM5Yy0yMC44MTI2LC0xMS42NTUwNiAtMzMuMzAwMTYsLTM0LjEzMjY2IC0zMy4zMDAxNiwtNTguMjc1MjhsMCwtMTYzLjE3MDc5YzAsLTYuNjYwMDMgMC44MzI1LC0xMi40ODc1NiAyLjQ5NzUxLC0xOC4zMTUwOWwtNTYuNjEwMjcsLTMyLjQ2NzY2Yy0zLjMzMDAyLDkuMTU3NTQgLTQuOTk1MDIsMTcuNDgyNTggLTQuOTk1MDIsMjYuNjQwMTNsMCwyMTIuMjg4NTJjMCwyOS45NzAxNCAxNS44MTc1OCw1Ny40NDI3OCA0MS42MjUyLDcxLjU5NTM0bDE4My45ODMzOSwxMDUuNzI4MDFjOC4zMjUwNCw0Ljk5NTAyIDE4LjMxNTA5LDguMzI1MDQgMjguMzA1MTQsOS45OTAwNWwwLC02NC45MzUzMWMtNi42NjAwMywtMC44MzI1IC0xMy4zMjAwNiwtMy4zMzAwMiAtMTkuOTgwMSwtNy40OTI1NGwtMC4wMDAwMSwwLjAwMDAxeiIgZmlsbD0iI0M4RjE3OCIgc3Ryb2tlPSJudWxsIi8+CiAgIDxwYXRoIGlkPSJzdmdfNyIgY2xhc3M9InN0MSIgZD0ibTM0Ny4xMzYwMSwyODguOTY5MjlsLTE1My4xODA3NCwtODguMjQ1NDJjLTEuNjY1MDEsNS44Mjc1MyAtMi40OTc1MSwxMi40ODc1NiAtMi40OTc1MSwxOC4zMTUwOWwwLDE2My4xNzA3OWMwLDI0LjE0MjYyIDEyLjQ4NzU2LDQ2LjYyMDIyIDMzLjMwMDE2LDU4LjI3NTI4bDE0MS41MjU2OCw4MS41ODUzOWM2LjY2MDAzLDMuMzMwMDIgMTMuMzIwMDYsNS44Mjc1MyAyMC44MTI2LDcuNDkyNTRsMCwtMTcxLjQ5NTgzYy0wLjgzMjUsLTI0Ljk3NTEyIC03LjQ5MjU0LC00NS43ODc3MiAtMzkuOTYwMTksLTY5LjA5NzgzbDAsLTAuMDAwMDF6IiBmaWxsPSIjQTVERTM3IiBzdHJva2U9Im51bGwiLz4KICA8L2c+CiA8L2c+Cgo8L3N2Zz4=';
|
|
21
21
|
const ETCHER_OPEN_IMAGE_URL = 'https://www.balena.io/etcher/open-image-url';
|
|
22
22
|
export var ActionType;
|
|
@@ -26,9 +26,10 @@ export var ActionType;
|
|
|
26
26
|
ActionType["downloadConfigFile"] = "download_config_file";
|
|
27
27
|
})(ActionType || (ActionType = {}));
|
|
28
28
|
const getUniqueOsTypes = (osVersions, deviceTypeSlug) => {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
if (isObjectEmpty(osVersions) ||
|
|
30
31
|
!deviceTypeSlug ||
|
|
31
|
-
|
|
32
|
+
((_a = osVersions[deviceTypeSlug]) === null || _a === void 0 ? void 0 : _a.length) === 0) {
|
|
32
33
|
return [];
|
|
33
34
|
}
|
|
34
35
|
return uniq(osVersions[deviceTypeSlug].map((x) => x.osType));
|
|
@@ -98,7 +99,7 @@ export const DownloadImageDialog = ({ open, applicationId, releaseId, compatible
|
|
|
98
99
|
[initialDeviceType.slug]: osTypes.includes(OsTypesEnum.ESR),
|
|
99
100
|
}
|
|
100
101
|
: {});
|
|
101
|
-
const [isFetching, setIsFetching] = useState(
|
|
102
|
+
const [isFetching, setIsFetching] = useState(isObjectEmpty(osVersions));
|
|
102
103
|
const [downloadSize, setDownloadSize] = useState(null);
|
|
103
104
|
const [isValidatingUrl, setIsValidatingUrl] = useState(false);
|
|
104
105
|
const defaultDisplayName = useMemo(() => { var _a, _b; return (_b = (_a = formModel.deviceType) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '-'; }, [(_a = formModel.deviceType) === null || _a === void 0 ? void 0 : _a.name]);
|
|
@@ -265,7 +266,7 @@ export const DownloadImageDialog = ({ open, applicationId, releaseId, compatible
|
|
|
265
266
|
sm: 12,
|
|
266
267
|
md: 6,
|
|
267
268
|
lg: 7,
|
|
268
|
-
}, children: isFetching ? (_jsx(Spinner, {})) : (_jsxs(_Fragment, { children: [
|
|
269
|
+
}, children: isFetching ? (_jsx(Spinner, {})) : (_jsxs(_Fragment, { children: [isObjectEmpty(osVersions) && (_jsx(Callout, { severity: "warning", children: "No OS versions available for download" })), !!osType && !!compatibleDeviceTypes && (_jsx(ImageForm, { applicationId: applicationId, releaseId: releaseId, compatibleDeviceTypes: compatibleDeviceTypes, osVersions: osVersions, isInitialDefault: isInitialDefault, hasEsrVersions: deviceTypeHasEsr[formModel.deviceType.slug], formElement: formElement, downloadUrl: downloadUrl, authToken: authToken, osType: osType, osTypes: osTypes, model: formModel, onSelectedOsTypeChange: setOsTypeCallback, onChange: handleChange }))] })) }), _jsxs(Grid, { pb: 0, size: {
|
|
269
270
|
xs: 12,
|
|
270
271
|
sm: 12,
|
|
271
272
|
md: 6,
|
|
@@ -5,7 +5,6 @@ import { Button, ButtonGroup, MenuItem, Menu } from '@mui/material';
|
|
|
5
5
|
import { ButtonWithTracking } from '../ButtonWithTracking';
|
|
6
6
|
import { useAnalyticsContext } from '../../contexts/AnalyticsContext';
|
|
7
7
|
import groupBy from 'lodash/groupBy';
|
|
8
|
-
import flatMap from 'lodash/flatMap';
|
|
9
8
|
import { Tooltip } from '../Tooltip';
|
|
10
9
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
11
10
|
import { faCaretDown, faCaretUp, faChevronDown, faChevronUp, } from '@fortawesome/free-solid-svg-icons';
|
|
@@ -22,16 +21,17 @@ export const DropDownButton = (_a) => {
|
|
|
22
21
|
// const items = [{...menuItem, section: 'test1'}, {...menuItem, section: 'test2'}];
|
|
23
22
|
// <Dropdown groupByProp='section' .../>
|
|
24
23
|
const memoizedItems = useMemo(() => {
|
|
24
|
+
var _a;
|
|
25
25
|
if (!groupByProp) {
|
|
26
26
|
return items;
|
|
27
27
|
}
|
|
28
28
|
const grouped = groupBy(items, (item) => item[groupByProp]);
|
|
29
|
-
const
|
|
30
|
-
const lastKey =
|
|
31
|
-
return
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
const entries = Object.entries(grouped);
|
|
30
|
+
const lastKey = (_a = entries.at(-1)) === null || _a === void 0 ? void 0 : _a[0];
|
|
31
|
+
return entries
|
|
32
|
+
.flatMap(([key, value]) => value.map((v, index) => key !== lastKey && index === value.length - 1
|
|
33
|
+
? Object.assign(Object.assign({}, v), { divider: true }) : v))
|
|
34
|
+
.filter(Boolean);
|
|
35
35
|
}, [items, groupByProp]);
|
|
36
36
|
const handleClick = (event) => {
|
|
37
37
|
var _a, _b, _c;
|
|
@@ -7,7 +7,7 @@ import { IconButtonWithTracking, Tooltip } from '../../..';
|
|
|
7
7
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
8
8
|
import { faCircleExclamation, faFile, faFileImage, faTrash, faUpload, } from '@fortawesome/free-solid-svg-icons';
|
|
9
9
|
import { useRandomUUID } from '../../../hooks/useRandomUUID';
|
|
10
|
-
import uniq from '
|
|
10
|
+
import { uniq } from '../../../utils/arrays';
|
|
11
11
|
import { token } from '../../../utils/token';
|
|
12
12
|
const restingStyle = {
|
|
13
13
|
borderColor: token('color.border'),
|
|
@@ -2,6 +2,7 @@ import { FULL_TEXT_SLUG, createModelFilter, } from '../components/Filters/Schema
|
|
|
2
2
|
import { getDataTypeSchema } from './utils';
|
|
3
3
|
import { getDataModel } from '.';
|
|
4
4
|
import { getRefSchema, isJSONSchema } from '../schemaOps';
|
|
5
|
+
import { isObjectEmpty } from '../../../utils/objects';
|
|
5
6
|
export const operators = () => ({
|
|
6
7
|
contains: 'contains',
|
|
7
8
|
not_contains: 'does not contain',
|
|
@@ -17,7 +18,7 @@ const isArrayOfObjectSchema = (schema) => {
|
|
|
17
18
|
};
|
|
18
19
|
const buildFilterForPropertySchema = (field, operator, value, schema) => {
|
|
19
20
|
const filter = getFilter(field, schema, value, operator);
|
|
20
|
-
if (
|
|
21
|
+
if (isObjectEmpty(filter)) {
|
|
21
22
|
return {};
|
|
22
23
|
}
|
|
23
24
|
return {
|
|
@@ -55,7 +56,7 @@ const getFilter = (field, schema, value, operator) => {
|
|
|
55
56
|
operator: effectiveOperator,
|
|
56
57
|
value,
|
|
57
58
|
});
|
|
58
|
-
if (!filter || typeof filter !== 'object' ||
|
|
59
|
+
if (!filter || typeof filter !== 'object' || isObjectEmpty(filter)) {
|
|
59
60
|
return {};
|
|
60
61
|
}
|
|
61
62
|
const recursiveFilter = hasPrimitiveItems
|
|
@@ -63,7 +64,7 @@ const getFilter = (field, schema, value, operator) => {
|
|
|
63
64
|
: filter;
|
|
64
65
|
return recursiveFilter &&
|
|
65
66
|
isJSONSchema(recursiveFilter) &&
|
|
66
|
-
|
|
67
|
+
!isObjectEmpty(recursiveFilter)
|
|
67
68
|
? wrapFilter(recursiveFilter)
|
|
68
69
|
: {};
|
|
69
70
|
};
|
|
@@ -1,22 +1,31 @@
|
|
|
1
|
-
import find from 'lodash/find';
|
|
2
1
|
import { getDataTypeSchema, regexEscape } from './utils';
|
|
3
2
|
import { FULL_TEXT_SLUG, createModelFilter, } from '../components/Filters/SchemaSieve';
|
|
4
3
|
import { isJSONSchema, getRefSchema } from '../schemaOps';
|
|
5
|
-
import findKey from 'lodash/findKey';
|
|
6
4
|
import pick from 'lodash/pick';
|
|
7
5
|
import mapValues from 'lodash/mapValues';
|
|
6
|
+
const findValueByDescription = (obj, description) => {
|
|
7
|
+
return Object.values(obj !== null && obj !== void 0 ? obj : {}).find((property) => typeof property === 'object' &&
|
|
8
|
+
'description' in property &&
|
|
9
|
+
property.description === description);
|
|
10
|
+
};
|
|
11
|
+
const findKeyByDescription = (obj, description) => {
|
|
12
|
+
var _a;
|
|
13
|
+
return (_a = Object.entries(obj !== null && obj !== void 0 ? obj : {}).find(([, value]) => typeof value === 'object' &&
|
|
14
|
+
'description' in value &&
|
|
15
|
+
value.description === description)) === null || _a === void 0 ? void 0 : _a[0];
|
|
16
|
+
};
|
|
8
17
|
const getKeyLabel = (schema) => {
|
|
9
18
|
var _a;
|
|
10
|
-
const s =
|
|
19
|
+
const s = findValueByDescription(schema.properties, 'key');
|
|
11
20
|
return (_a = s === null || s === void 0 ? void 0 : s.title) !== null && _a !== void 0 ? _a : 'key';
|
|
12
21
|
};
|
|
13
22
|
const getValueLabel = (schema) => {
|
|
14
23
|
var _a;
|
|
15
|
-
const s =
|
|
24
|
+
const s = findValueByDescription(schema.properties, 'value');
|
|
16
25
|
return (_a = s === null || s === void 0 ? void 0 : s.title) !== null && _a !== void 0 ? _a : 'value';
|
|
17
26
|
};
|
|
18
|
-
export const isKeyValueObj = (schema) => !!
|
|
19
|
-
!!
|
|
27
|
+
export const isKeyValueObj = (schema) => !!findValueByDescription(schema.properties, 'key') ||
|
|
28
|
+
!!findValueByDescription(schema.properties, 'value');
|
|
20
29
|
export const operators = (s) => {
|
|
21
30
|
return Object.assign({ is: 'is', is_not: 'is not' }, (!isKeyValueObj(s)
|
|
22
31
|
? {
|
|
@@ -73,7 +82,7 @@ const getValueForOperation = (operator, schema, value) => {
|
|
|
73
82
|
? 'value'
|
|
74
83
|
: null;
|
|
75
84
|
const schemaProperty = schemaField
|
|
76
|
-
?
|
|
85
|
+
? findKeyByDescription(schema.properties, schemaField)
|
|
77
86
|
: null;
|
|
78
87
|
// Return the appropriate value format based on the operation type
|
|
79
88
|
return schemaProperty
|
|
@@ -141,8 +150,8 @@ export const createFilter = (field, operator, value, schema) => {
|
|
|
141
150
|
}
|
|
142
151
|
// TODO: this case does not cover complex objects for FULL_TEXT_SLUG
|
|
143
152
|
if (operator === FULL_TEXT_SLUG && schema.properties) {
|
|
144
|
-
const schemaKey =
|
|
145
|
-
const schemaValue =
|
|
153
|
+
const schemaKey = findKeyByDescription(schema.properties, 'key');
|
|
154
|
+
const schemaValue = findKeyByDescription(schema.properties, 'value');
|
|
146
155
|
const properties = [schemaKey, schemaValue]
|
|
147
156
|
.map((key) => key
|
|
148
157
|
? {
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { convertRefSchemeToSchemaPath, getRefSchemeTitle, getRefSchemePrefix, isJSONSchema, parseDescription, parseDescriptionProperty, } from '../schemaOps';
|
|
2
|
-
import isEmpty from 'lodash/isEmpty';
|
|
3
2
|
import get from 'lodash/get';
|
|
3
|
+
import { isObjectEmpty } from '../../../utils/objects';
|
|
4
4
|
const X_FOREIGN_KEY_SCHEMA_SEPARATOR = '___ref_scheme_separator_';
|
|
5
5
|
export const removeFieldsWithNoFilter = (schema) => {
|
|
6
6
|
const processProperties = (properties, parentXNoFilterSet) => {
|
|
7
|
+
var _a;
|
|
7
8
|
if (!properties) {
|
|
8
9
|
return undefined;
|
|
9
10
|
}
|
|
@@ -40,10 +41,10 @@ export const removeFieldsWithNoFilter = (schema) => {
|
|
|
40
41
|
newValue.items = Object.assign(Object.assign({}, value.items), { properties: processProperties(value.items.properties, xNoFilterSet) });
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
|
-
const hasEmptyProperties = newValue.properties &&
|
|
44
|
+
const hasEmptyProperties = newValue.properties && isObjectEmpty(newValue.properties);
|
|
44
45
|
const hasEmptyItemsProperties = isJSONSchema(newValue.items) &&
|
|
45
46
|
'properties' in newValue.items &&
|
|
46
|
-
|
|
47
|
+
isObjectEmpty((_a = newValue.items.properties) !== null && _a !== void 0 ? _a : {});
|
|
47
48
|
if (hasEmptyProperties || hasEmptyItemsProperties) {
|
|
48
49
|
continue;
|
|
49
50
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as types from './types';
|
|
2
|
-
import uniq from 'lodash/uniq';
|
|
3
2
|
const lenses = Object.values(types);
|
|
4
3
|
// Returns an array of lenses that can be used to render `data`.
|
|
5
4
|
export const getLenses = (data, customLenses) => {
|
|
@@ -8,7 +7,7 @@ export const getLenses = (data, customLenses) => {
|
|
|
8
7
|
}
|
|
9
8
|
const concatenatedLenses = lenses.concat(customLenses !== null && customLenses !== void 0 ? customLenses : []);
|
|
10
9
|
const slugs = concatenatedLenses.map((lens) => lens.slug);
|
|
11
|
-
if (slugs.length >
|
|
10
|
+
if (slugs.length > new Set(slugs).size) {
|
|
12
11
|
throw new Error('Lenses must have unique slugs');
|
|
13
12
|
}
|
|
14
13
|
return concatenatedLenses;
|
|
@@ -4,6 +4,7 @@ import addFormats from 'ajv-formats';
|
|
|
4
4
|
import pickBy from 'lodash/pickBy';
|
|
5
5
|
import Ajv from 'ajv';
|
|
6
6
|
import { enqueueSnackbar } from 'notistack';
|
|
7
|
+
import { isObjectEmpty } from '../../../../utils/objects';
|
|
7
8
|
const ajv = new Ajv();
|
|
8
9
|
ajvKeywords(ajv, ['regexp']);
|
|
9
10
|
// TODO: check why is this needed
|
|
@@ -71,9 +72,7 @@ export const createFilter = (schema, formData) => {
|
|
|
71
72
|
operator,
|
|
72
73
|
value,
|
|
73
74
|
});
|
|
74
|
-
if (!filter ||
|
|
75
|
-
typeof filter !== 'object' ||
|
|
76
|
-
!Object.keys(filter).length) {
|
|
75
|
+
if (!filter || typeof filter !== 'object' || isObjectEmpty(filter)) {
|
|
77
76
|
return {};
|
|
78
77
|
}
|
|
79
78
|
return Object.assign({ $id: randomUUID(), title: operator, description: JSON.stringify({
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo, useState } from 'react';
|
|
3
3
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
4
4
|
import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
|
|
5
|
-
import uniq from '
|
|
5
|
+
import { uniq } from '../../../../utils/arrays';
|
|
6
6
|
import { useQuery } from '@tanstack/react-query';
|
|
7
7
|
import { Stack } from '@mui/material';
|
|
8
8
|
export function useTagActions(rjstContext, data) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import get from 'lodash/get';
|
|
3
3
|
import invokeMap from 'lodash/invokeMap';
|
|
4
|
-
import isArray from 'lodash/isArray';
|
|
5
4
|
import { UiOption, JsonTypes, widgetFactory, formatTimestamp } from '../utils';
|
|
6
5
|
import { Truncate } from '../../../../Truncate';
|
|
7
6
|
import { Typography } from '@mui/material';
|
|
@@ -36,7 +35,7 @@ const TxtWidget = widgetFactory('Txt', [
|
|
|
36
35
|
variant: UiOption.string,
|
|
37
36
|
})(({ value, schema, uiSchema }) => {
|
|
38
37
|
var _a;
|
|
39
|
-
let displayValue = isArray(value)
|
|
38
|
+
let displayValue = Array.isArray(value)
|
|
40
39
|
? getArrayValue(value, uiSchema)
|
|
41
40
|
: value === null || value === void 0 ? void 0 : value.toString();
|
|
42
41
|
if (DATE_TIME_FORMATS.includes((_a = schema === null || schema === void 0 ? void 0 : schema.format) !== null && _a !== void 0 ? _a : '')) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import { toArray } from '../../../../utils/arrays';
|
|
3
3
|
import { JsonTypes } from './utils';
|
|
4
4
|
import { typeWidgets } from './Formats';
|
|
5
5
|
import { getSchemaFormat, getSubSchemaFromRefScheme } from '../../schemaOps';
|
|
@@ -38,7 +38,7 @@ export const Widget = ({ value, resource, schema = {}, extraFormats, uiSchema, }
|
|
|
38
38
|
}
|
|
39
39
|
const processedValue = getValue(value, schema, uiSchema);
|
|
40
40
|
const subSchema = getSubSchemaFromRefScheme(schema);
|
|
41
|
-
const types = (subSchema === null || subSchema === void 0 ? void 0 : subSchema.type) != null ?
|
|
41
|
+
const types = (subSchema === null || subSchema === void 0 ? void 0 : subSchema.type) != null ? toArray(subSchema.type) : [];
|
|
42
42
|
if (processedValue == null && !types.includes(JsonTypes.null)) {
|
|
43
43
|
return null;
|
|
44
44
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { isObjectEmpty } from '../../../utils/objects';
|
|
2
2
|
import { rjstJsonSchemaPick } from '../schemaOps';
|
|
3
3
|
export const rjstDefaultPermissions = {
|
|
4
4
|
read: [],
|
|
@@ -10,7 +10,7 @@ export const rjstRunTransformers = (data, transformers, context) => {
|
|
|
10
10
|
if (!data) {
|
|
11
11
|
return data;
|
|
12
12
|
}
|
|
13
|
-
if (!transformers ||
|
|
13
|
+
if (!transformers || isObjectEmpty(transformers)) {
|
|
14
14
|
return data;
|
|
15
15
|
}
|
|
16
16
|
const transformEntry = (entry) => {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import get from 'lodash/get';
|
|
2
2
|
import pick from 'lodash/pick';
|
|
3
3
|
import { findInObject } from './utils';
|
|
4
|
+
import { isObjectEmpty } from '../../utils/objects';
|
|
4
5
|
export const isJson = (str) => {
|
|
5
6
|
try {
|
|
6
7
|
JSON.parse(str);
|
|
@@ -42,7 +43,7 @@ export const isJSONSchema = (value) => {
|
|
|
42
43
|
return (typeof value === 'object' &&
|
|
43
44
|
value !== null &&
|
|
44
45
|
typeof value !== 'boolean' &&
|
|
45
|
-
|
|
46
|
+
!isObjectEmpty(value));
|
|
46
47
|
};
|
|
47
48
|
export const parseDescription = (filter) => {
|
|
48
49
|
if (!filter.description) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getPropertyScheme } from './schemaOps';
|
|
2
|
-
import
|
|
2
|
+
import { toArray } from '../../utils/arrays';
|
|
3
3
|
import get from 'lodash/get';
|
|
4
4
|
import { JsonTypes } from './components/Widget/utils';
|
|
5
5
|
export const DEFAULT_ITEMS_PER_PAGE = 50;
|
|
@@ -119,7 +119,7 @@ const sortFn = (a, b, ref) => {
|
|
|
119
119
|
return diff(aa, bb);
|
|
120
120
|
};
|
|
121
121
|
export const getSortingFunction = (schemaKey, schemaValue) => {
|
|
122
|
-
const types =
|
|
122
|
+
const types = toArray(schemaValue.type);
|
|
123
123
|
const refScheme = getPropertyScheme(schemaValue);
|
|
124
124
|
const splitRefScheme = (refScheme === null || refScheme === void 0 ? void 0 : refScheme[0]) ? splitPath(refScheme[0]) : null;
|
|
125
125
|
if (types.includes(JsonTypes.string)) {
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import find from 'lodash/find';
|
|
4
|
-
import startsWith from 'lodash/startsWith';
|
|
5
|
-
import isEmpty from 'lodash/isEmpty';
|
|
6
3
|
import { Button, Stack, TextField, Typography } from '@mui/material';
|
|
7
4
|
import { Callout } from '../Callout';
|
|
8
5
|
import { useTranslation } from '../../hooks/useTranslations';
|
|
@@ -13,7 +10,7 @@ const RESERVED_NAMESPACES = ['io.resin.', 'io.balena.'];
|
|
|
13
10
|
const newTagValidationRules = (t, key, existingTags) => {
|
|
14
11
|
return [
|
|
15
12
|
{
|
|
16
|
-
test: () => !key
|
|
13
|
+
test: () => !key,
|
|
17
14
|
message: t('fields_errors.tag_name_cannot_be_empty'),
|
|
18
15
|
},
|
|
19
16
|
{
|
|
@@ -21,7 +18,7 @@ const newTagValidationRules = (t, key, existingTags) => {
|
|
|
21
18
|
message: t('fields_errors.tag_names_cannot_contain_whitespace'),
|
|
22
19
|
},
|
|
23
20
|
{
|
|
24
|
-
test: () => RESERVED_NAMESPACES.some((reserved) => startsWith(
|
|
21
|
+
test: () => RESERVED_NAMESPACES.some((reserved) => key.startsWith(reserved)),
|
|
25
22
|
message: t(`fields_errors.some_tag_keys_are_reserved`, {
|
|
26
23
|
namespace: RESERVED_NAMESPACES.join(', '),
|
|
27
24
|
}),
|
|
@@ -53,9 +50,7 @@ export const AddTagForm = ({ itemType, existingTags, overridableTags = [], addTa
|
|
|
53
50
|
return hasErrors;
|
|
54
51
|
};
|
|
55
52
|
const checkTagOverwrites = async () => {
|
|
56
|
-
const overridableTag = find(
|
|
57
|
-
tag_key: tagKey,
|
|
58
|
-
});
|
|
53
|
+
const overridableTag = overridableTags.find((tag) => tag.tag_key === tagKey);
|
|
59
54
|
if (!overridableTag) {
|
|
60
55
|
return true;
|
|
61
56
|
}
|
|
@@ -5,7 +5,6 @@ import { faUndo } from '@fortawesome/free-solid-svg-icons/faUndo';
|
|
|
5
5
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
6
6
|
import { AddTagForm } from './AddTagForm';
|
|
7
7
|
import sortBy from 'lodash/sortBy';
|
|
8
|
-
import toString from 'lodash/toString';
|
|
9
8
|
import { faPencilAlt } from '@fortawesome/free-solid-svg-icons/faPencilAlt';
|
|
10
9
|
import { getResourceTagSubmitInfo, groupResourcesByTags, } from './tag-management-service';
|
|
11
10
|
import partition from 'lodash/partition';
|
|
@@ -186,9 +185,10 @@ export const TagManagementDialog = ({ items, itemType, titleField, tagField, can
|
|
|
186
185
|
setTags(tags.slice());
|
|
187
186
|
};
|
|
188
187
|
const getItemTitle = (item) => {
|
|
188
|
+
var _a;
|
|
189
189
|
const title = typeof titleField === 'function'
|
|
190
190
|
? titleField(item)
|
|
191
|
-
:
|
|
191
|
+
: `${(_a = item[titleField]) !== null && _a !== void 0 ? _a : ''}`;
|
|
192
192
|
return title || `(${t('no_data.no_name_set')})`;
|
|
193
193
|
};
|
|
194
194
|
return (_jsxs(DialogWithCloseButton, { open: true, title: _jsxs(Stack, { children: [_jsxs(Typography, { variant: "h3", mt: 0, mb: 10, children: [items.length > 1 && _jsxs("span", { children: [t('labels.shared'), " "] }), t('labels.tags')] }), _jsx(CollectionSummary, { items: items.map(getItemTitle).sort(), itemsType: t('resource.' + itemType, { count: items.length }), maxVisibleItemCount: 10 })] }), children: [_jsxs(DialogContent, { children: [_jsx(AddTagForm, { itemType: itemType, existingTags: tags, overridableTags: partialTags, addTag: addTag, t: t }), _jsxs(Table, { children: [_jsxs(TableHead, { children: [_jsx(TableCell, {}), _jsx(TableCell, { children: t('labels.tag_name') }), _jsx(TableCell, { children: t('labels.value') }), _jsx(TableCell, {})] }), _jsx(TableBody, { children: !tags.length ? (_jsxs(TableRow, { children: [_jsx(TableCell, {}), _jsx(TableCell, { children: t(`errors.no_tags_for_selected_itemtype`, {
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
import keys from 'lodash/keys';
|
|
2
|
-
import flatMap from 'lodash/flatMap';
|
|
3
|
-
import map from 'lodash/map';
|
|
4
1
|
import groupBy from 'lodash/groupBy';
|
|
5
2
|
export const TAGS_COLUMN_KEY = 'Tags';
|
|
6
3
|
export const getTagKeyValueComposite = (tagKey, value) => `${tagKey}: ${value}`;
|
|
7
4
|
export const getResourceTags = (item, tagField) => { var _a; return ((_a = (tagField in item ? item[tagField] : null)) !== null && _a !== void 0 ? _a : []); };
|
|
8
5
|
export const groupResourcesByTags = (items, tagField) => {
|
|
9
|
-
const resourceTagInfos = flatMap(
|
|
6
|
+
const resourceTagInfos = items.flatMap((item) => {
|
|
10
7
|
const tags = getResourceTags(item, tagField);
|
|
11
8
|
return tags.map((tag) => ({
|
|
12
9
|
tag_key_value: getTagKeyValueComposite(tag.tag_key, tag.value),
|
|
@@ -16,13 +13,15 @@ export const groupResourcesByTags = (items, tagField) => {
|
|
|
16
13
|
}));
|
|
17
14
|
});
|
|
18
15
|
const tagsByTagKeyValue = groupBy(resourceTagInfos, 'tag_key_value');
|
|
19
|
-
const tagsWithItems =
|
|
16
|
+
const tagsWithItems = Object.keys(tagsByTagKeyValue)
|
|
17
|
+
.sort()
|
|
18
|
+
.map((tagKeyValue) => {
|
|
20
19
|
const tags = tagsByTagKeyValue[tagKeyValue];
|
|
21
20
|
const firstTag = tags[0];
|
|
22
21
|
return {
|
|
23
22
|
tag_key: firstTag.tag_key,
|
|
24
23
|
value: firstTag.value,
|
|
25
|
-
items: map(
|
|
24
|
+
items: tags.map((tag) => tag.item),
|
|
26
25
|
};
|
|
27
26
|
});
|
|
28
27
|
return tagsWithItems;
|
package/dist/index.d.ts
CHANGED
|
@@ -92,5 +92,6 @@ export * as MaterialDataGrid from '@mui/x-data-grid';
|
|
|
92
92
|
export { enqueueSnackbar, closeSnackbar } from 'notistack';
|
|
93
93
|
export { useRandomUUID } from './hooks/useRandomUUID';
|
|
94
94
|
export { token } from './utils/token';
|
|
95
|
+
export { uniq, toArray } from './utils/arrays';
|
|
95
96
|
export * as designTokens from '@balena/design-tokens';
|
|
96
97
|
export * as ReactQuery from '@tanstack/react-query';
|
package/dist/index.js
CHANGED
|
@@ -53,5 +53,6 @@ export * as MaterialDataGrid from '@mui/x-data-grid';
|
|
|
53
53
|
export { enqueueSnackbar, closeSnackbar } from 'notistack';
|
|
54
54
|
export { useRandomUUID } from './hooks/useRandomUUID';
|
|
55
55
|
export { token } from './utils/token';
|
|
56
|
+
export { uniq, toArray } from './utils/arrays';
|
|
56
57
|
export * as designTokens from '@balena/design-tokens';
|
|
57
58
|
export * as ReactQuery from '@tanstack/react-query';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isObjectEmpty: (obj: Record<string, unknown> | object) => boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@balena/ui-shared-components",
|
|
3
|
-
"version": "15.2.7-build-
|
|
3
|
+
"version": "15.2.7-build-drop-some-lodash-for-native-alternatives-f5c2dd6b7054f6167a376db7c0d4d2da8291a9eb-1",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"files": [
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"rimraf": "^6.0.0",
|
|
54
54
|
"ts-jest": "^29.2.5",
|
|
55
55
|
"typescript": "^5.9.2",
|
|
56
|
-
"virtua": "^0.
|
|
56
|
+
"virtua": "^0.37.3",
|
|
57
57
|
"zxcvbn": "^4.4.2"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
},
|
|
136
136
|
"homepage": "https://github.com/balena-io/ui-shared-components#readme",
|
|
137
137
|
"versionist": {
|
|
138
|
-
"publishedAt": "2025-11-18T16:
|
|
138
|
+
"publishedAt": "2025-11-18T16:15:42.800Z"
|
|
139
139
|
},
|
|
140
140
|
"overrides": {
|
|
141
141
|
"storybook": "$storybook",
|