@balena/ui-shared-components 14.0.4-build-material-7-ea405b56507f5c0bab908e32767032593ec57de9-1 → 14.0.4-build-drop-some-lodash-for-native-alternatives-2262746e9e370b6af606616f09e32c1ca2a3232d-1

package/dist/components/DownloadImageDialog/ApplicationInstructions.js

@@ -1,5 +1,4 @@
 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';
@@ -55,7 +54,7 @@ export const ApplicationInstructions = memo(function ApplicationInstructions({ d
                         }) }) }) })), _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" }), "."] }) })] }));
 });
 const InstructionsItem = ({ node, index }) => {
-    const hasChildren = has(node, 'children');
+    const hasChildren = node != null && Object.hasOwnProperty.call(node, 'children');
     let text = null;
     if (typeof node === 'string') {
         text = node;

package/dist/components/DownloadImageDialog/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, DialogActions, DialogContent, Divider, Grid, Stack, Typography, } from '@mui/material';
+import { Avatar, DialogActions, DialogContent, Divider, Grid2 as Grid, Stack, Typography, } from '@mui/material';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FALLBACK_LOGO_UNKNOWN_DEVICE, isUrlAccessible, stripVersionBuild, } from './utils';
 import { ImageForm } from './ImageForm';
@@ -7,9 +7,7 @@ import { ApplicationInstructions } from './ApplicationInstructions';
 import { DropDownButton } from '../DropDownButton';
 import pickBy from 'lodash/pickBy';
 import debounce from 'lodash/debounce';
-import isEmpty from 'lodash/isEmpty';
 import { OsTypesEnum } from './models';
-import uniq from 'lodash/uniq';
 import { enqueueSnackbar } from 'notistack';
 import { DialogWithCloseButton } from '../DialogWithCloseButton';
 import { Callout } from '../Callout';
@@ -25,12 +23,12 @@ export var ActionType;
     ActionType["downloadConfigFile"] = "download_config_file";
 })(ActionType || (ActionType = {}));
 const getUniqueOsTypes = (osVersions, deviceTypeSlug) => {
-    if (isEmpty(osVersions) ||
+    if (Object.keys(osVersions).length === 0 ||
         !deviceTypeSlug ||
-        isEmpty(osVersions[deviceTypeSlug])) {
+        osVersions[deviceTypeSlug].length === 0) {
         return [];
     }
-    return uniq(osVersions[deviceTypeSlug].map((x) => x.osType));
+    return Array.from(new Set(osVersions[deviceTypeSlug].map((x) => x.osType)));
 };
 const generateImageUrl = (model, downloadUrl) => {
     // TODO check if possible to edit Etcher to avoid a double encode on the version.
@@ -96,7 +94,7 @@ export const DownloadImageDialog = ({ open, applicationId, releaseId, compatible
             [initialDeviceType.slug]: osTypes.includes(OsTypesEnum.ESR),
         }
         : {});
-    const [isFetching, setIsFetching] = useState(isEmpty(osVersions));
+    const [isFetching, setIsFetching] = useState(Object.keys(osVersions).length === 0);
     const [downloadSize, setDownloadSize] = useState(null);
     const [isValidatingUrl, setIsValidatingUrl] = useState(false);
     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]);
@@ -259,7 +257,7 @@ export const DownloadImageDialog = ({ open, applicationId, releaseId, compatible
                                     sm: 12,
                                     md: 6,
                                     lg: 7,
-                                }, 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: {
+                                }, children: isFetching ? (_jsx(Spinner, {})) : (_jsxs(_Fragment, { children: [Object.keys(osVersions).length === 0 && (_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: {
                                     xs: 12,
                                     sm: 12,
                                     md: 6,

package/dist/components/DownloadImageDialog/version.js

@@ -1,4 +1,3 @@
-import uniq from 'lodash/uniq';
 import partition from 'lodash/partition';
 export const transformVersions = (versions) => {
     const optsByVersion = {};
@@ -32,7 +31,7 @@ export const getPreferredVersionOpts = (versionOpts) => {
         return major && parseInt(major, 10) > LEGACY_OS_VERSION_MAJOR;
     });
     const opts = supportedVersions.length ? supportedVersions : legacyVersions;
-    const lines = uniq(opts.map((option) => option.line));
+    const lines = Array.from(new Set(opts.map((option) => option.line)));
     const hasMultipleLines = lines.length > 1;
     if (hasMultipleLines) {
         const preferredMultilineOpts = {};

package/dist/components/DropDownButton/index.js

@@ -5,7 +5,6 @@ import { Button, ButtonGroup, MenuItem, Menu } from '@mui/material';
 import { ButtonWithTracking } from '../ButtonWithTracking';
 import { useAnalyticsContext } from '../../contexts/AnalyticsContext';
 import groupBy from 'lodash/groupBy';
-import flatMap from 'lodash/flatMap';
 import { Tooltip } from '../Tooltip';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCaretDown, faCaretUp, faChevronDown, faChevronUp, } from '@fortawesome/free-solid-svg-icons';
@@ -26,12 +25,12 @@ export const DropDownButton = (_a) => {
             return items;
         }
         const grouped = groupBy(items, (item) => item[groupByProp]);
-        const keys = Object.keys(grouped);
-        const lastKey = keys[keys.length - 1];
-        return flatMap(grouped, (value, key) => [
-            ...value.map((v, index) => key !== lastKey && index === value.length - 1
-                ? Object.assign(Object.assign({}, v), { divider: true }) : v),
-        ]).filter((item) => item);
+        const entries = Object.entries(grouped);
+        const lastKey = entries[entries.length - 1][0];
+        return entries
+            .flatMap(([key, value]) => value.map((v, index) => key !== lastKey && index === value.length - 1
+            ? Object.assign(Object.assign({}, v), { divider: true }) : v))
+            .filter(Boolean);
     }, [items, groupByProp]);
     const handleClick = (event) => {
         var _a, _b, _c;

package/dist/components/Form/FieldTemplates/ObjectFieldTemplate.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Grid } from '@mui/material';
+import Grid from '@mui/material/Grid';
 import { canExpand, descriptionId, getTemplate, getUiOptions, titleId, } from '@rjsf/utils';
 export const ObjectFieldTemplate = (props) => {
     var _a, _b;
@@ -11,7 +11,7 @@ export const ObjectFieldTemplate = (props) => {
     return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(idSchema), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry })), description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(idSchema), 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) => {
                         var _a, _b, _c, _d, _e, _f, _g;
                         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));
-                    }), canExpand(schema, uiSchema, formData) && (_jsx(Grid, { container: true, justifyContent: "flex-end", children: _jsx(Grid, { children: _jsx(AddButton, { className: "object-property-expand", onClick: onAddClick(schema), 
+                    }), canExpand(schema, uiSchema, formData) && (_jsx(Grid, { container: true, justifyContent: "flex-end", children: _jsx(Grid, { item: true, children: _jsx(AddButton, { className: "object-property-expand", onClick: onAddClick(schema), 
                                 // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- If `disabled` is false, we still want to disable the button if `readonly` is true
                                 disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) }) }))] }))] }));
 };

package/dist/components/Form/Widgets/FileWidget.js

@@ -7,7 +7,6 @@ import { IconButtonWithTracking, Tooltip } from '../../..';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCircleExclamation, faFile, faFileImage, faTrash, faUpload, } from '@fortawesome/free-solid-svg-icons';
 import { useRandomUUID } from '../../../hooks/useRandomUUID';
-import uniq from 'lodash/uniq';
 import { token } from '../../../utils/token';
 const restingStyle = {
     borderColor: token('color.border'),
@@ -164,11 +163,11 @@ export const FileWidget = ({ onChange, multiple, schema, uiSchema, }) => {
                                     : // TODO: icon sizes need to be properly added to the design tokens
                                         { fontSize: '48px' }))), _jsxs(Typography, { variant: "bodyLg", children: ["Drag and drop or", ' ', _jsxs(Typography, { className: "browse-files-text", variant: "bodyLg", component: Link, children: ["browse ", browseResourceName ? `${browseResourceName} ` : '', "files"] })] })] }), !!descriptiveText && (_jsx(Typography, { color: token('color.text.subtle'), component: "p", children: descriptiveText }))] })), _jsxs(Stack, { gap: 2, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", gap: 3, children: [_jsx(Typography, { color: token('color.text.subtle'), children: accept == null
                                         ? ''
-                                        : `Supported formats: ${uniq(Object.values(accept)
+                                        : `Supported formats: ${Array.from(new Set(Object.values(accept)
                                             // The values of accept are arrays of file types, take them and flatten them
                                             .flat()
                                             // Remove the dot from the file type and capitalize it
-                                            .map((fileType) => fileType.slice(1).toUpperCase())).join(', ')}` }), maxSize != null && (_jsxs(Typography, { color: token('color.text.subtle'), align: "right", children: ["Maximum size: ", fileSizeToReadable(maxSize)] }))] }), hideUploadedFiles && !!errorFiles.length && (_jsx(Stack, { color: token('color.text.danger'), gap: 1, children: errorFiles
+                                            .map((fileType) => fileType.slice(1).toUpperCase()))).join(', ')}` }), maxSize != null && (_jsxs(Typography, { color: token('color.text.subtle'), align: "right", children: ["Maximum size: ", fileSizeToReadable(maxSize)] }))] }), hideUploadedFiles && !!errorFiles.length && (_jsx(Stack, { color: token('color.text.danger'), gap: 1, children: errorFiles
                                 .flatMap((errorFile) => errorFile.errors)
                                 .map((error) => getErrorMessage(error.code, error.message, maxSize !== null && maxSize !== void 0 ? maxSize : Infinity)) })), !hideUploadedFiles && (_jsxs(Stack, { gap: 1, children: [files.map((file, index) => (_createElement(Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "center", gap: 2, bgcolor: token('color.bg'), p: 3, borderRadius: token('shape.borderRadius.md') }, (mobile && { flexWrap: 'wrap' }), { key: file.name }),
                                     _jsxs(Stack, Object.assign({ direction: "row" }, (mobile && { justifyContent: 'space-between' }), { gap: 2, alignItems: "center", width: "100%", children: [_jsxs(Stack, { direction: "row", gap: 2, alignItems: "center", maxWidth: "45%", children: [_jsx(FontAwesomeIcon, { icon: getFileTypeIcon(file.type) }), _jsx(Typography, Object.assign({}, (mobile

package/dist/components/RJST/DataTypes/object.js

@@ -1,22 +1,31 @@
-import find from 'lodash/find';
 import { getDataTypeSchema, regexEscape } from './utils';
 import { FULL_TEXT_SLUG, createModelFilter, } from '../components/Filters/SchemaSieve';
 import { isJSONSchema, getRefSchema } from '../schemaOps';
-import findKey from 'lodash/findKey';
 import pick from 'lodash/pick';
 import mapValues from 'lodash/mapValues';
+const findValueByDescription = (obj, description) => {
+    return Object.values(obj !== null && obj !== void 0 ? obj : {}).find((property) => typeof property === 'object' &&
+        'description' in property &&
+        property.description === description);
+};
+const findKeyByDescription = (obj, description) => {
+    var _a;
+    return (_a = Object.entries(obj !== null && obj !== void 0 ? obj : {}).find(([, value]) => typeof value === 'object' &&
+        'description' in value &&
+        value.description === description)) === null || _a === void 0 ? void 0 : _a[0];
+};
 const getKeyLabel = (schema) => {
     var _a;
-    const s = find(schema.properties, { description: 'key' });
+    const s = findValueByDescription(schema.properties, 'key');
     return (_a = s === null || s === void 0 ? void 0 : s.title) !== null && _a !== void 0 ? _a : 'key';
 };
 const getValueLabel = (schema) => {
     var _a;
-    const s = find(schema.properties, { description: 'value' });
+    const s = findValueByDescription(schema.properties, 'value');
     return (_a = s === null || s === void 0 ? void 0 : s.title) !== null && _a !== void 0 ? _a : 'value';
 };
-export const isKeyValueObj = (schema) => !!find(schema.properties, { description: 'key' }) ||
-    !!find(schema.properties, { description: 'value' });
+export const isKeyValueObj = (schema) => !!findValueByDescription(schema.properties, 'key') ||
+    !!findValueByDescription(schema.properties, 'value');
 export const operators = (s) => {
     return Object.assign({ is: 'is', is_not: 'is not' }, (!isKeyValueObj(s)
         ? {
@@ -73,7 +82,7 @@ const getValueForOperation = (operator, schema, value) => {
             ? 'value'
             : null;
     const schemaProperty = schemaField
-        ? findKey(schema.properties, { description: schemaField })
+        ? findKeyByDescription(schema.properties, schemaField)
         : null;
     // Return the appropriate value format based on the operation type
     return schemaProperty
@@ -141,8 +150,8 @@ export const createFilter = (field, operator, value, schema) => {
     }
     // TODO: this case does not cover complex objects for FULL_TEXT_SLUG
     if (operator === FULL_TEXT_SLUG && schema.properties) {
-        const schemaKey = findKey(schema.properties, { description: 'key' });
-        const schemaValue = findKey(schema.properties, { description: 'value' });
+        const schemaKey = findKeyByDescription(schema.properties, 'key');
+        const schemaValue = findKeyByDescription(schema.properties, 'value');
         const properties = [schemaKey, schemaValue]
             .map((key) => key
             ? {

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

@@ -1,9 +1,9 @@
 import { convertRefSchemeToSchemaPath, getRefSchemeTitle, getRefSchemePrefix, isJSONSchema, parseDescription, parseDescriptionProperty, } from '../schemaOps';
-import isEmpty from 'lodash/isEmpty';
 import get from 'lodash/get';
 const X_FOREIGN_KEY_SCHEMA_SEPARATOR = '___ref_scheme_separator_';
 export const removeFieldsWithNoFilter = (schema) => {
     const processProperties = (properties, parentXNoFilterSet) => {
+        var _a;
         if (!properties) {
             return undefined;
         }
@@ -40,10 +40,10 @@ export const removeFieldsWithNoFilter = (schema) => {
                     newValue.items = Object.assign(Object.assign({}, value.items), { properties: processProperties(value.items.properties, xNoFilterSet) });
                 }
             }
-            const hasEmptyProperties = newValue.properties && isEmpty(newValue.properties);
+            const hasEmptyProperties = newValue.properties && Object.keys(newValue.properties).length === 0;
             const hasEmptyItemsProperties = isJSONSchema(newValue.items) &&
                 'properties' in newValue.items &&
-                isEmpty(newValue.items.properties);
+                Object.keys((_a = newValue.items.properties) !== null && _a !== void 0 ? _a : {}).length === 0;
             if (hasEmptyProperties || hasEmptyItemsProperties) {
                 continue;
             }

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

@@ -1,5 +1,4 @@
 import * as types from './types';
-import uniq from 'lodash/uniq';
 const lenses = Object.values(types);
 // Returns an array of lenses that can be used to render `data`.
 export const getLenses = (data, customLenses) => {
@@ -8,7 +7,7 @@ export const getLenses = (data, customLenses) => {
     }
     const concatenatedLenses = lenses.concat(customLenses !== null && customLenses !== void 0 ? customLenses : []);
     const slugs = concatenatedLenses.map((lens) => lens.slug);
-    if (slugs.length > uniq(slugs).length) {
+    if (slugs.length > new Set(slugs).size) {
         throw new Error('Lenses must have unique slugs');
     }
     return concatenatedLenses;

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

@@ -33,9 +33,7 @@ const ArrayFieldTemplate = ({ items, canAdd, onAddClick, }) => {
                             '.MuiGrid-root > .form-group.field.field-object > .MuiFormControl-root > .MuiGrid-root.MuiGrid-container.MuiGrid-spacing-xs-2': {
                                 marginTop: '-8px!important',
                             },
-                        }, children: [element.children, _jsx(Box, { display: "flex", width: "50px", alignItems: "center", justifyContent: "center", children: index !== 0 && (_jsx(IconButton, { "aria-label": t('actions.remove_filter'), 
-                                    // @ts-expect-error The typing of the current version of @rjsf/utils does not show that `onDropIndexClick` exists, even though it does
-                                    onClick: element.onDropIndexClick(element.index), sx: { mt: 2 }, children: _jsx(FontAwesomeIcon, { icon: faTimes }) })) })] }), _jsx(Box, { display: "flex", my: 2, children: canAdd && index === items.length - 1 && (_jsx(Button, { "aria-label": t('aria_labels.add_filter_in_or'), variant: "text", color: "primary", onClick: onAddClick, startIcon: _jsx(FontAwesomeIcon, { icon: faPlus }), children: t('actions.add_alternative') })) })] }, element.key));
+                        }, children: [element.children, _jsx(Box, { display: "flex", width: "50px", alignItems: "center", justifyContent: "center", children: index !== 0 && (_jsx(IconButton, { "aria-label": t('actions.remove_filter'), onClick: element.onDropIndexClick(element.index), sx: { mt: 2 }, children: _jsx(FontAwesomeIcon, { icon: faTimes }) })) })] }), _jsx(Box, { display: "flex", my: 2, children: canAdd && index === items.length - 1 && (_jsx(Button, { "aria-label": t('aria_labels.add_filter_in_or'), variant: "text", color: "primary", onClick: onAddClick, startIcon: _jsx(FontAwesomeIcon, { icon: faPlus }), children: t('actions.add_alternative') })) })] }, element.key));
         }) }));
 };
 const widgets = {

package/dist/components/RJST/components/Table/useTagActions.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faPlus } from '@fortawesome/free-solid-svg-icons/faPlus';
-import uniq from 'lodash/uniq';
 import { useQuery } from '@tanstack/react-query';
 import { Stack } from '@mui/material';
 export function useTagActions(rjstContext, data) {
@@ -20,7 +19,7 @@ export function useTagActions(rjstContext, data) {
                 const tagKey = Object.keys(d).find((key) => key.endsWith('_tag'));
                 return tagKey ? d[tagKey] : [];
             });
-            return (_b = uniq(tags.map((tag) => tag.tag_key))) !== null && _b !== void 0 ? _b : null;
+            return (_b = Array.from(new Set(tags.map((tag) => tag.tag_key)))) !== null && _b !== void 0 ? _b : null;
         },
     });
     const actions = useMemo(() => {

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

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import get from 'lodash/get';
 import invokeMap from 'lodash/invokeMap';
-import isArray from 'lodash/isArray';
 import { UiOption, JsonTypes, widgetFactory, formatTimestamp } from '../utils';
 import { Truncate } from '../../../../Truncate';
 import { Typography } from '@mui/material';
@@ -36,7 +35,7 @@ const TxtWidget = widgetFactory('Txt', [
     variant: UiOption.string,
 })(({ value, schema, uiSchema }) => {
     var _a;
-    let displayValue = isArray(value)
+    let displayValue = Array.isArray(value)
         ? getArrayValue(value, uiSchema)
         : value === null || value === void 0 ? void 0 : value.toString();
     if (DATE_TIME_FORMATS.includes((_a = schema === null || schema === void 0 ? void 0 : schema.format) !== null && _a !== void 0 ? _a : '')) {

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

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import castArray from 'lodash/castArray';
 import { JsonTypes } from './utils';
 import { typeWidgets } from './Formats';
 import { getSchemaFormat, getSubSchemaFromRefScheme } from '../../schemaOps';
@@ -38,7 +37,11 @@ export const Widget = ({ value, resource, schema = {}, extraFormats, uiSchema, }
     }
     const processedValue = getValue(value, schema, uiSchema);
     const subSchema = getSubSchemaFromRefScheme(schema);
-    const types = (subSchema === null || subSchema === void 0 ? void 0 : subSchema.type) != null ? castArray(subSchema.type) : [];
+    const types = (subSchema === null || subSchema === void 0 ? void 0 : subSchema.type) != null
+        ? Array.isArray(subSchema.type)
+            ? subSchema.type
+            : [subSchema.type]
+        : [];
     if (processedValue == null && !types.includes(JsonTypes.null)) {
         return null;
     }

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

@@ -1,4 +1,3 @@
-import isEmpty from 'lodash/isEmpty';
 import { rjstJsonSchemaPick } from '../schemaOps';
 export const rjstDefaultPermissions = {
     read: [],
@@ -10,7 +9,7 @@ export const rjstRunTransformers = (data, transformers, context) => {
     if (!data) {
         return data;
     }
-    if (!transformers || isEmpty(transformers)) {
+    if (!transformers || Object.keys(transformers).length === 0) {
         return data;
     }
     const transformEntry = (entry) => {

package/dist/components/RJST/utils.js

@@ -1,5 +1,4 @@
 import { getPropertyScheme } from './schemaOps';
-import castArray from 'lodash/castArray';
 import get from 'lodash/get';
 import { JsonTypes } from './components/Widget/utils';
 export const DEFAULT_ITEMS_PER_PAGE = 50;
@@ -119,7 +118,9 @@ const sortFn = (a, b, ref) => {
     return diff(aa, bb);
 };
 export const getSortingFunction = (schemaKey, schemaValue) => {
-    const types = castArray(schemaValue.type);
+    const types = Array.isArray(schemaValue.type)
+        ? schemaValue.type
+        : [schemaValue.type];
     const refScheme = getPropertyScheme(schemaValue);
     const splitRefScheme = (refScheme === null || refScheme === void 0 ? void 0 : refScheme[0]) ? splitPath(refScheme[0]) : null;
     if (types.includes(JsonTypes.string)) {

package/dist/components/TagManagementDialog/AddTagForm.js

@@ -1,8 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import find from 'lodash/find';
-import startsWith from 'lodash/startsWith';
-import isEmpty from 'lodash/isEmpty';
 import { Button, Stack, TextField, Typography } from '@mui/material';
 import { Callout } from '../Callout';
 import { useTranslation } from '../../hooks/useTranslations';
@@ -13,7 +10,7 @@ const RESERVED_NAMESPACES = ['io.resin.', 'io.balena.'];
 const newTagValidationRules = (t, key, existingTags) => {
     return [
         {
-            test: () => !key || isEmpty(key),
+            test: () => !key,
             message: t('fields_errors.tag_name_cannot_be_empty'),
         },
         {
@@ -21,7 +18,7 @@ const newTagValidationRules = (t, key, existingTags) => {
             message: t('fields_errors.tag_names_cannot_contain_whitespace'),
         },
         {
-            test: () => RESERVED_NAMESPACES.some((reserved) => startsWith(key, reserved)),
+            test: () => RESERVED_NAMESPACES.some((reserved) => key.startsWith(reserved)),
             message: t(`fields_errors.some_tag_keys_are_reserved`, {
                 namespace: RESERVED_NAMESPACES.join(', '),
             }),
@@ -53,9 +50,7 @@ export const AddTagForm = ({ itemType, existingTags, overridableTags = [], addTa
         return hasErrors;
     };
     const checkTagOverwrites = async () => {
-        const overridableTag = find(overridableTags, {
-            tag_key: tagKey,
-        });
+        const overridableTag = overridableTags.find((tag) => tag.tag_key === tagKey);
         if (!overridableTag) {
             return true;
         }

package/dist/components/TagManagementDialog/index.js

@@ -5,7 +5,6 @@ import { faUndo } from '@fortawesome/free-solid-svg-icons/faUndo';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { AddTagForm } from './AddTagForm';
 import sortBy from 'lodash/sortBy';
-import toString from 'lodash/toString';
 import { faPencilAlt } from '@fortawesome/free-solid-svg-icons/faPencilAlt';
 import { getResourceTagSubmitInfo, groupResourcesByTags, } from './tag-management-service';
 import partition from 'lodash/partition';
@@ -188,7 +187,9 @@ export const TagManagementDialog = ({ items, itemType, titleField, tagField, can
     const getItemTitle = (item) => {
         const title = typeof titleField === 'function'
             ? titleField(item)
-            : toString(item[titleField]);
+            : item[titleField] == null
+                ? ''
+                : String(item[titleField]);
         return title || `(${t('no_data.no_name_set')})`;
     };
     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`, {

package/dist/components/TagManagementDialog/tag-management-service.js

@@ -1,12 +1,10 @@
 import keys from 'lodash/keys';
-import flatMap from 'lodash/flatMap';
-import map from 'lodash/map';
 import groupBy from 'lodash/groupBy';
 export const TAGS_COLUMN_KEY = 'Tags';
 export const getTagKeyValueComposite = (tagKey, value) => `${tagKey}: ${value}`;
 export const getResourceTags = (item, tagField) => { var _a; return ((_a = (tagField in item ? item[tagField] : null)) !== null && _a !== void 0 ? _a : []); };
 export const groupResourcesByTags = (items, tagField) => {
-    const resourceTagInfos = flatMap(items, (item) => {
+    const resourceTagInfos = items.flatMap((item) => {
         const tags = getResourceTags(item, tagField);
         return tags.map((tag) => ({
             tag_key_value: getTagKeyValueComposite(tag.tag_key, tag.value),
@@ -16,13 +14,15 @@ export const groupResourcesByTags = (items, tagField) => {
         }));
     });
     const tagsByTagKeyValue = groupBy(resourceTagInfos, 'tag_key_value');
-    const tagsWithItems = map(keys(tagsByTagKeyValue).sort(), (tagKeyValue) => {
+    const tagsWithItems = keys(tagsByTagKeyValue)
+        .sort()
+        .map((tagKeyValue) => {
         const tags = tagsByTagKeyValue[tagKeyValue];
         const firstTag = tags[0];
         return {
             tag_key: firstTag.tag_key,
             value: firstTag.value,
-            items: map(tags, 'item'),
+            items: tags.map((tag) => tag.item),
         };
     });
     return tagsWithItems;

package/dist/theme.js

@@ -1077,7 +1077,7 @@ export const theme = createTheme({
                 },
             },
         },
-        MuiGrid: {
+        MuiGrid2: {
             // We should only apply this spacing to Grid components with `container`
             // But MUI does not currently support that for defaultProps
             // See: https://github.com/mui/material-ui/issues/34812

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "14.0.4-build-material-7-ea405b56507f5c0bab908e32767032593ec57de9-1",
+  "version": "14.0.4-build-drop-some-lodash-for-native-alternatives-2262746e9e370b6af606616f09e32c1ca2a3232d-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -17,15 +17,15 @@
     "@emotion/styled": "^11.10.6",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/lab": "7.0.0-beta.14",
-    "@mui/material": "^7.0.0",
-    "@mui/styled-engine-sc": "^7.0.0",
-    "@mui/x-data-grid": "^7.29.8",
+    "@mui/lab": "6.0.0-beta.24",
+    "@mui/material": "^6.3.1",
+    "@mui/styled-engine-sc": "^6.3.1",
+    "@mui/x-data-grid": "^7.23.5",
     "@react-google-maps/api": "^2.18.1",
-    "@rjsf/core": "6.0.0-beta.12",
-    "@rjsf/mui": "6.0.0-beta.12",
-    "@rjsf/utils": "6.0.0-beta.12",
-    "@rjsf/validator-ajv8": "6.0.0-beta.12",
+    "@rjsf/core": "^5.24.1",
+    "@rjsf/mui": "^5.24.1",
+    "@rjsf/utils": "^5.24.1",
+    "@rjsf/validator-ajv8": "^5.24.1",
     "@tanstack/react-query": "^5.64.2",
     "@types/jest": "^29.5.14",
     "ajv": "^8.17.1",
@@ -43,7 +43,6 @@
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-helmet": "^6.1.0",
-    "react-is": "^18.2.0",
     "react-markdown": "^10.0.0",
     "react-router-dom": "^6.28.0",
     "remark-breaks": "^4.0.0",
@@ -55,7 +54,7 @@
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
-    "@balena/lint": "^9.3.0",
+    "@balena/lint": "^9.3.7",
     "@storybook/addon-docs": "^9.0.0",
     "@storybook/addon-links": "^9.0.0",
     "@storybook/addon-onboarding": "^9.0.0",
@@ -133,10 +132,9 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-09-16T11:38:34.680Z"
+    "publishedAt": "2025-09-23T16:12:40.232Z"
   },
   "overrides": {
-    "storybook": "$storybook",
-    "react-is": "^18.2.0"
+    "storybook": "$storybook"
   }
 }