@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.
@@ -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 'lodash/uniq';
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
- if (isEmpty(osVersions) ||
29
+ var _a;
30
+ if (isObjectEmpty(osVersions) ||
30
31
  !deviceTypeSlug ||
31
- isEmpty(osVersions[deviceTypeSlug])) {
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(isEmpty(osVersions));
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: [isEmpty(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
+ }, 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,
@@ -1,4 +1,4 @@
1
- import uniq from 'lodash/uniq';
1
+ import { uniq } from '../../utils/arrays';
2
2
  import partition from 'lodash/partition';
3
3
  export const transformVersions = (versions) => {
4
4
  const optsByVersion = {};
@@ -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 keys = Object.keys(grouped);
30
- const lastKey = keys[keys.length - 1];
31
- return flatMap(grouped, (value, key) => [
32
- ...value.map((v, index) => key !== lastKey && index === value.length - 1
33
- ? Object.assign(Object.assign({}, v), { divider: true }) : v),
34
- ]).filter((item) => item);
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 'lodash/uniq';
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 (!Object.keys(filter).length) {
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' || !Object.keys(filter).length) {
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
- Object.keys(recursiveFilter).length
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 = find(schema.properties, { description: 'key' });
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 = find(schema.properties, { description: 'value' });
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) => !!find(schema.properties, { description: 'key' }) ||
19
- !!find(schema.properties, { description: 'value' });
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
- ? findKey(schema.properties, { description: schemaField })
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 = findKey(schema.properties, { description: 'key' });
145
- const schemaValue = findKey(schema.properties, { description: 'value' });
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 && isEmpty(newValue.properties);
44
+ const hasEmptyProperties = newValue.properties && isObjectEmpty(newValue.properties);
44
45
  const hasEmptyItemsProperties = isJSONSchema(newValue.items) &&
45
46
  'properties' in newValue.items &&
46
- isEmpty(newValue.items.properties);
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 > uniq(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 'lodash/uniq';
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 castArray from 'lodash/castArray';
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 ? castArray(subSchema.type) : [];
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 isEmpty from 'lodash/isEmpty';
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 || isEmpty(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
- !!Object.keys(value).length);
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 castArray from 'lodash/castArray';
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 = castArray(schemaValue.type);
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 || isEmpty(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(key, reserved)),
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(overridableTags, {
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
- : toString(item[titleField]);
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(items, (item) => {
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 = map(keys(tagsByTagKeyValue).sort(), (tagKeyValue) => {
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(tags, 'item'),
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,2 @@
1
+ export declare const uniq: <T>(arr: T[]) => T[];
2
+ export declare const toArray: <T>(v: T | T[] | null | undefined) => T[];
@@ -0,0 +1,6 @@
1
+ export const uniq = (arr) => {
2
+ return Array.from(new Set(arr));
3
+ };
4
+ export const toArray = (v) => {
5
+ return v == null ? [] : Array.isArray(v) ? v : [v];
6
+ };
@@ -0,0 +1 @@
1
+ export declare const isObjectEmpty: (obj: Record<string, unknown> | object) => boolean;
@@ -0,0 +1,3 @@
1
+ export const isObjectEmpty = (obj) => {
2
+ return Object.keys(obj).length === 0;
3
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@balena/ui-shared-components",
3
- "version": "15.2.7-build-renovate-virtua-4e2cd4d4d6c7447f3115e80728f3145073d82686-1",
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.46.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:04:10.829Z"
138
+ "publishedAt": "2025-11-18T16:15:42.800Z"
139
139
  },
140
140
  "overrides": {
141
141
  "storybook": "$storybook",