@balena/ui-shared-components 14.0.4-build-drop-some-lodash-for-native-alternatives-2262746e9e370b6af606616f09e32c1ca2a3232d-1 → 14.0.4-build-drop-some-lodash-for-native-alternatives-2a3088132113a3386a2f3ebdc5a452727d0d746c-1

package/dist/components/DownloadImageDialog/index.js

@@ -8,6 +8,7 @@ import { DropDownButton } from '../DropDownButton';
 import pickBy from 'lodash/pickBy';
 import debounce from 'lodash/debounce';
 import { OsTypesEnum } from './models';
+import { uniq } from '../../utils/arrays';
 import { enqueueSnackbar } from 'notistack';
 import { DialogWithCloseButton } from '../DialogWithCloseButton';
 import { Callout } from '../Callout';
@@ -28,7 +29,7 @@ const getUniqueOsTypes = (osVersions, deviceTypeSlug) => {
         osVersions[deviceTypeSlug].length === 0) {
         return [];
     }
-    return Array.from(new Set(osVersions[deviceTypeSlug].map((x) => x.osType)));
+    return uniq(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.

package/dist/components/DownloadImageDialog/version.js

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

package/dist/components/DropDownButton/index.js

@@ -21,12 +21,13 @@ export const DropDownButton = (_a) => {
     // const items = [{...menuItem, section: 'test1'}, {...menuItem, section: 'test2'}];
     // <Dropdown groupByProp='section' .../>
     const memoizedItems = useMemo(() => {
+        var _a;
         if (!groupByProp) {
             return items;
         }
         const grouped = groupBy(items, (item) => item[groupByProp]);
         const entries = Object.entries(grouped);
-        const lastKey = entries[entries.length - 1][0];
+        const lastKey = (_a = entries.at(-1)) === null || _a === void 0 ? void 0 : _a[0];
         return entries
             .flatMap(([key, value]) => value.map((v, index) => key !== lastKey && index === value.length - 1
             ? Object.assign(Object.assign({}, v), { divider: true }) : v))

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

@@ -7,6 +7,7 @@ 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 '../../../utils/arrays';
 import { token } from '../../../utils/token';
 const restingStyle = {
     borderColor: token('color.border'),
@@ -163,11 +164,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: ${Array.from(new Set(Object.values(accept)
+                                        : `Supported formats: ${uniq(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/components/Table/useTagActions.js

@@ -2,6 +2,7 @@ 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 '../../../../utils/arrays';
 import { useQuery } from '@tanstack/react-query';
 import { Stack } from '@mui/material';
 export function useTagActions(rjstContext, data) {
@@ -19,7 +20,7 @@ export function useTagActions(rjstContext, data) {
                 const tagKey = Object.keys(d).find((key) => key.endsWith('_tag'));
                 return tagKey ? d[tagKey] : [];
             });
-            return (_b = Array.from(new Set(tags.map((tag) => tag.tag_key)))) !== null && _b !== void 0 ? _b : null;
+            return (_b = uniq(tags.map((tag) => tag.tag_key))) !== null && _b !== void 0 ? _b : null;
         },
     });
     const actions = useMemo(() => {

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

@@ -1,4 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { toArray } from '../../../../utils/arrays';
 import { JsonTypes } from './utils';
 import { typeWidgets } from './Formats';
 import { getSchemaFormat, getSubSchemaFromRefScheme } from '../../schemaOps';
@@ -37,11 +38,7 @@ 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
-        ? Array.isArray(subSchema.type)
-            ? subSchema.type
-            : [subSchema.type]
-        : [];
+    const types = (subSchema === null || subSchema === void 0 ? void 0 : subSchema.type) != null ? toArray(subSchema.type) : [];
     if (processedValue == null && !types.includes(JsonTypes.null)) {
         return null;
     }

package/dist/components/RJST/utils.js

@@ -1,4 +1,5 @@
 import { getPropertyScheme } from './schemaOps';
+import { toArray } from '../../utils/arrays';
 import get from 'lodash/get';
 import { JsonTypes } from './components/Widget/utils';
 export const DEFAULT_ITEMS_PER_PAGE = 50;
@@ -118,9 +119,7 @@ const sortFn = (a, b, ref) => {
     return diff(aa, bb);
 };
 export const getSortingFunction = (schemaKey, schemaValue) => {
-    const types = Array.isArray(schemaValue.type)
-        ? schemaValue.type
-        : [schemaValue.type];
+    const types = toArray(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/index.js

@@ -185,11 +185,10 @@ export const TagManagementDialog = ({ items, itemType, titleField, tagField, can
         setTags(tags.slice());
     };
     const getItemTitle = (item) => {
+        var _a;
         const title = typeof titleField === 'function'
             ? titleField(item)
-            : item[titleField] == null
-                ? ''
-                : String(item[titleField]);
+            : `${(_a = item[titleField]) !== null && _a !== void 0 ? _a : ''}`;
         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,4 +1,3 @@
-import keys from 'lodash/keys';
 import groupBy from 'lodash/groupBy';
 export const TAGS_COLUMN_KEY = 'Tags';
 export const getTagKeyValueComposite = (tagKey, value) => `${tagKey}: ${value}`;
@@ -14,7 +13,7 @@ export const groupResourcesByTags = (items, tagField) => {
         }));
     });
     const tagsByTagKeyValue = groupBy(resourceTagInfos, 'tag_key_value');
-    const tagsWithItems = keys(tagsByTagKeyValue)
+    const tagsWithItems = Object.keys(tagsByTagKeyValue)
         .sort()
         .map((tagKeyValue) => {
         const tags = tagsByTagKeyValue[tagKeyValue];

package/dist/index.d.ts

@@ -92,5 +92,6 @@ export * as MaterialDataGrid from '@mui/x-data-grid';
 export { enqueueSnackbar, closeSnackbar } from 'notistack';
 export { useRandomUUID } from './hooks/useRandomUUID';
 export { token } from './utils/token';
+export { uniq, toArray } from './utils/arrays';
 export * as designTokens from '@balena/design-tokens';
 export * as ReactQuery from '@tanstack/react-query';

package/dist/index.js

@@ -53,5 +53,6 @@ export * as MaterialDataGrid from '@mui/x-data-grid';
 export { enqueueSnackbar, closeSnackbar } from 'notistack';
 export { useRandomUUID } from './hooks/useRandomUUID';
 export { token } from './utils/token';
+export { uniq, toArray } from './utils/arrays';
 export * as designTokens from '@balena/design-tokens';
 export * as ReactQuery from '@tanstack/react-query';

package/dist/utils/arrays.d.ts

@@ -0,0 +1,2 @@
+export declare const uniq: <T>(arr: T[]) => T[];
+export declare const toArray: <T>(v: T | T[] | null | undefined) => T[];

package/dist/utils/arrays.js

@@ -0,0 +1,6 @@
+export const uniq = (arr) => {
+    return Array.from(new Set(arr));
+};
+export const toArray = (v) => {
+    return v == null ? [] : Array.isArray(v) ? v : [v];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "14.0.4-build-drop-some-lodash-for-native-alternatives-2262746e9e370b6af606616f09e32c1ca2a3232d-1",
+  "version": "14.0.4-build-drop-some-lodash-for-native-alternatives-2a3088132113a3386a2f3ebdc5a452727d0d746c-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -132,7 +132,7 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-09-23T16:12:40.232Z"
+    "publishedAt": "2025-09-24T13:08:27.501Z"
   },
   "overrides": {
     "storybook": "$storybook"