@balena/ui-shared-components 15.2.4-build-drop-some-lodash-for-native-alternatives-2e2165e6ae9420fd623789747910f4a6e6d463fb-1 → 15.2.4-build-remove-column-management-experimental-code-79be8f7aaed914004e675a86a775e5a02eb4daa0-1

package/dist/components/DownloadImageDialog/index.js

@@ -7,8 +7,9 @@ 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 '../../utils/arrays';
+import uniq from 'lodash/uniq';
 import { enqueueSnackbar } from 'notistack';
 import { DialogWithCloseButton } from '../DialogWithCloseButton';
 import { Callout } from '../Callout';
@@ -16,7 +17,6 @@ import { Spinner } from '../Spinner';
 import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as semver from 'balena-semver';
-import { isObjectEmpty } from '../../utils/objects';
 const etcherLogoBase64 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnPgogIDx0aXRsZT5FdGNoZXI8L3RpdGxlPgogIDxnIGlkPSJzdmdfMSIgc3Ryb2tlPSJudWxsIj4KICAgPHBhdGggaWQ9InN2Z18yIiBjbGFzcz0ic3QxIiBkPSJtNDEyLjkwMzgzLDM1OC4wNjcxM2wwLDE3MS40OTU4M2M3LjQ5MjU0LC0xLjY2NTAxIDE0LjE1MjU3LC0zLjMzMDAyIDIwLjgxMjYsLTcuNDkyNTRsMTQyLjM1ODE5LC04MS41ODUzOWMyMC44MTI2LC0xMS42NTUwNiAzMy4zMDAxNiwtMzQuMTMyNjYgMzMuMzAwMTYsLTU4LjI3NTI4bDAsLTE2Mi4zMzgyOGMwLC02LjY2MDAzIC0wLjgzMjUsLTEzLjMyMDA2IC0zLjMzMDAyLC0xOS4xNDc1OWwtMTU0LjAxMzI0LDg5LjA3NzkzYy0zMi40Njc2NiwyMi40Nzc2MSAtMzkuMTI3NjksNDMuMjkwMjEgLTM5LjEyNzY5LDY4LjI2NTMzbDAsLTAuMDAwMDF6IiBmaWxsPSIjQTVERTM3IiBzdHJva2U9Im51bGwiLz4KICAgPHBhdGggaWQ9InN2Z18zIiBjbGFzcz0ic3QyIiBkPSJtNjYyLjY1NTAzLDE2Ny40MjM3MWwtNTYuNjEwMjcsMzIuNDY3NjZjMS42NjUwMSw1LjgyNzUzIDMuMzMwMDIsMTIuNDg3NTYgMy4zMzAwMiwxOS4xNDc1OWwwLDE2My4xNzA3OWMwLDI0LjE0MjYyIC0xMy4zMjAwNiw0Ni42MjAyMiAtMzMuMzAwMTYsNTguMjc1MjhsLTE0Mi4zNTgxOSw4MS41ODUzOWMtNi42NjAwMywzLjMzMDAyIC0xMy4zMjAwNiw1LjgyNzUzIC0yMC44MTI2LDcuNDkyNTRsMCw2NC45MzUzMWM5Ljk5MDA1LC0xLjY2NTAxIDE5Ljk4MDEsLTQuOTk1MDIgMjguMzA1MTQsLTkuOTkwMDVsMTg0LjgxNTg5LC0xMDUuNzI4MDFjMjUuODA3NjIsLTE0Ljk4NTA3IDQxLjYyNTIsLTQyLjQ1NzcgNDEuNjI1MiwtNzIuNDI3ODVsMCwtMjExLjQ1NjAyYzAsLTkuMTU3NTQgLTEuNjY1MDEsLTE4LjMxNTA5IC00Ljk5NTAyLC0yNy40NzI2M2wtMC4wMDAwMSwweiIgZmlsbD0iI0M4RjE3OCIgc3Ryb2tlPSJudWxsIi8+CiAgIDxwYXRoIGlkPSJzdmdfNCIgY2xhc3M9InN0MSIgZD0ibTM5OS41ODM3NiwzMDMuOTU0MzZjOC4zMjUwNCwtMTMuMzIwMDYgMjAuODEyNiwtMjUuODA3NjIgMzkuMTI3NjksLTM2LjYzMDE4bDE1NS42NzgyNSwtODkuOTEwNDNjLTQuOTk1MDIsLTYuNjYwMDMgLTExLjY1NTA2LC0xMi40ODc1NiAtMTguMzE1MDksLTE2LjY1MDA4bC0xNDIuMzU4MTksLTgxLjU4NTM5Yy0yMC44MTI2LC0xMS42NTUwNiAtNDYuNjIwMjIsLTExLjY1NTA2IC02Ny40MzI4MiwwbC0xNDEuNTI1NjgsODEuNTg1MzljLTcuNDkyNTQsNC4xNjI1MiAtMTMuMzIwMDYsOS45OTAwNSAtMTkuMTQ3NTksMTYuNjUwMDhsMTU0Ljg0NTc1LDg5LjkxMDQzYzE4LjMxNTA5LDExLjY1NTA2IDMwLjgwMjY1LDIzLjMxMDExIDM5LjEyNzY5LDM2LjYzMDE4bC0wLjAwMDAxLDB6IiBmaWxsPSIjQTVERTM3IiBzdHJva2U9Im51bGwiLz4KICAgPHBhdGggaWQ9InN2Z181IiBjbGFzcz0ic3QyIiBkPSJtMjI0Ljc1NzkyLDE2MS41OTYxOGwxNDEuNTI1NjgsLTgxLjU4NTM5YzIwLjgxMjYsLTExLjY1NTA2IDQ2LjYyMDIyLC0xMS42NTUwNiA2Ny40MzI4MiwwbDE0Mi4zNTgxOSw4MS41ODUzOWM3LjQ5MjU0LDQuMTYyNTIgMTMuMzIwMDYsOS45OTAwNSAxOC4zMTUwOSwxNi42NTAwOGw1Ni42MTAyNywtMzIuNDY3NjZjLTYuNjYwMDMsLTkuMTU3NTQgLTE0Ljk4NTA3LC0xNi42NTAwOCAtMjQuOTc1MTIsLTIxLjY0NTFsLTE4NC44MTU4OSwtMTA3LjM5MzAyYy0yNS44MDc2MiwtMTQuOTg1MDcgLTU3LjQ0Mjc4LC0xNC45ODUwNyAtODMuMjUwNCwwbC0xODMuMTUwODgsMTA2LjU2MDUxYy05Ljk5MDA1LDUuODI3NTMgLTE4LjMxNTA5LDEzLjMyMDA2IC0yNC45NzUxMiwyMi40Nzc2MWw1Ni42MTAyNywzMi40Njc2NmM0LjE2MjUyLC02LjY2MDAzIDEwLjgyMjU1LC0xMi40ODc1NiAxOC4zMTUwOSwtMTYuNjUwMDh6IiBmaWxsPSIjQzhGMTc4IiBzdHJva2U9Im51bGwiLz4KICAgPHBhdGggaWQ9InN2Z182IiBjbGFzcz0ic3QyIiBkPSJtMzY2LjI4MzYsNTIyLjA3MDQxbC0xNDEuNTI1NjgsLTgxLjU4NTM5Yy0yMC44MTI2LC0xMS42NTUwNiAtMzMuMzAwMTYsLTM0LjEzMjY2IC0zMy4zMDAxNiwtNTguMjc1MjhsMCwtMTYzLjE3MDc5YzAsLTYuNjYwMDMgMC44MzI1LC0xMi40ODc1NiAyLjQ5NzUxLC0xOC4zMTUwOWwtNTYuNjEwMjcsLTMyLjQ2NzY2Yy0zLjMzMDAyLDkuMTU3NTQgLTQuOTk1MDIsMTcuNDgyNTggLTQuOTk1MDIsMjYuNjQwMTNsMCwyMTIuMjg4NTJjMCwyOS45NzAxNCAxNS44MTc1OCw1Ny40NDI3OCA0MS42MjUyLDcxLjU5NTM0bDE4My45ODMzOSwxMDUuNzI4MDFjOC4zMjUwNCw0Ljk5NTAyIDE4LjMxNTA5LDguMzI1MDQgMjguMzA1MTQsOS45OTAwNWwwLC02NC45MzUzMWMtNi42NjAwMywtMC44MzI1IC0xMy4zMjAwNiwtMy4zMzAwMiAtMTkuOTgwMSwtNy40OTI1NGwtMC4wMDAwMSwwLjAwMDAxeiIgZmlsbD0iI0M4RjE3OCIgc3Ryb2tlPSJudWxsIi8+CiAgIDxwYXRoIGlkPSJzdmdfNyIgY2xhc3M9InN0MSIgZD0ibTM0Ny4xMzYwMSwyODguOTY5MjlsLTE1My4xODA3NCwtODguMjQ1NDJjLTEuNjY1MDEsNS44Mjc1MyAtMi40OTc1MSwxMi40ODc1NiAtMi40OTc1MSwxOC4zMTUwOWwwLDE2My4xNzA3OWMwLDI0LjE0MjYyIDEyLjQ4NzU2LDQ2LjYyMDIyIDMzLjMwMDE2LDU4LjI3NTI4bDE0MS41MjU2OCw4MS41ODUzOWM2LjY2MDAzLDMuMzMwMDIgMTMuMzIwMDYsNS44Mjc1MyAyMC44MTI2LDcuNDkyNTRsMCwtMTcxLjQ5NTgzYy0wLjgzMjUsLTI0Ljk3NTEyIC03LjQ5MjU0LC00NS43ODc3MiAtMzkuOTYwMTksLTY5LjA5NzgzbDAsLTAuMDAwMDF6IiBmaWxsPSIjQTVERTM3IiBzdHJva2U9Im51bGwiLz4KICA8L2c+CiA8L2c+Cgo8L3N2Zz4=';
 const ETCHER_OPEN_IMAGE_URL = 'https://www.balena.io/etcher/open-image-url';
 export var ActionType;
@@ -26,10 +26,9 @@ export var ActionType;
     ActionType["downloadConfigFile"] = "download_config_file";
 })(ActionType || (ActionType = {}));
 const getUniqueOsTypes = (osVersions, deviceTypeSlug) => {
-    var _a;
-    if (isObjectEmpty(osVersions) ||
+    if (isEmpty(osVersions) ||
         !deviceTypeSlug ||
-        ((_a = osVersions[deviceTypeSlug]) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+        isEmpty(osVersions[deviceTypeSlug])) {
         return [];
     }
     return uniq(osVersions[deviceTypeSlug].map((x) => x.osType));
@@ -99,7 +98,7 @@ export const DownloadImageDialog = ({ open, applicationId, releaseId, compatible
             [initialDeviceType.slug]: osTypes.includes(OsTypesEnum.ESR),
         }
         : {});
-    const [isFetching, setIsFetching] = useState(isObjectEmpty(osVersions));
+    const [isFetching, setIsFetching] = useState(isEmpty(osVersions));
     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]);
@@ -266,7 +265,7 @@ export const DownloadImageDialog = ({ open, applicationId, releaseId, compatible
                                     sm: 12,
                                     md: 6,
                                     lg: 7,
-                                }, 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: {
+                                }, 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: {
                                     xs: 12,
                                     sm: 12,
                                     md: 6,

package/dist/components/DownloadImageDialog/version.js

@@ -1,4 +1,4 @@
-import { uniq } from '../../utils/arrays';
+import uniq from 'lodash/uniq';
 import partition from 'lodash/partition';
 export const transformVersions = (versions) => {
     const optsByVersion = {};

package/dist/components/DropDownButton/index.js

@@ -5,6 +5,7 @@ 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';
@@ -21,17 +22,16 @@ 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 = (_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))
-            .filter(Boolean);
+        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);
     }, [items, groupByProp]);
     const handleClick = (event) => {
         var _a, _b, _c;

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

@@ -7,7 +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 uniq from 'lodash/uniq';
 import { token } from '../../../utils/token';
 const restingStyle = {
     borderColor: token('color.border'),

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

@@ -2,7 +2,6 @@ import { FULL_TEXT_SLUG, createModelFilter, } from '../components/Filters/Schema
 import { getDataTypeSchema } from './utils';
 import { getDataModel } from '.';
 import { getRefSchema, isJSONSchema } from '../schemaOps';
-import { isObjectEmpty } from '../../../utils/objects';
 export const operators = () => ({
     contains: 'contains',
     not_contains: 'does not contain',
@@ -18,7 +17,7 @@ const isArrayOfObjectSchema = (schema) => {
 };
 const buildFilterForPropertySchema = (field, operator, value, schema) => {
     const filter = getFilter(field, schema, value, operator);
-    if (isObjectEmpty(filter)) {
+    if (!Object.keys(filter).length) {
         return {};
     }
     return {
@@ -56,7 +55,7 @@ const getFilter = (field, schema, value, operator) => {
         operator: effectiveOperator,
         value,
     });
-    if (!filter || typeof filter !== 'object' || isObjectEmpty(filter)) {
+    if (!filter || typeof filter !== 'object' || !Object.keys(filter).length) {
         return {};
     }
     const recursiveFilter = hasPrimitiveItems
@@ -64,7 +63,7 @@ const getFilter = (field, schema, value, operator) => {
         : filter;
     return recursiveFilter &&
         isJSONSchema(recursiveFilter) &&
-        !isObjectEmpty(recursiveFilter)
+        Object.keys(recursiveFilter).length
         ? wrapFilter(recursiveFilter)
         : {};
 };

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

@@ -1,31 +1,22 @@
+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 = findValueByDescription(schema.properties, 'key');
+    const s = find(schema.properties, { description: '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 = findValueByDescription(schema.properties, 'value');
+    const s = find(schema.properties, { description: 'value' });
     return (_a = s === null || s === void 0 ? void 0 : s.title) !== null && _a !== void 0 ? _a : 'value';
 };
-export const isKeyValueObj = (schema) => !!findValueByDescription(schema.properties, 'key') ||
-    !!findValueByDescription(schema.properties, 'value');
+export const isKeyValueObj = (schema) => !!find(schema.properties, { description: 'key' }) ||
+    !!find(schema.properties, { description: 'value' });
 export const operators = (s) => {
     return Object.assign({ is: 'is', is_not: 'is not' }, (!isKeyValueObj(s)
         ? {
@@ -82,7 +73,7 @@ const getValueForOperation = (operator, schema, value) => {
             ? 'value'
             : null;
     const schemaProperty = schemaField
-        ? findKeyByDescription(schema.properties, schemaField)
+        ? findKey(schema.properties, { description: schemaField })
         : null;
     // Return the appropriate value format based on the operation type
     return schemaProperty
@@ -150,8 +141,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 = findKeyByDescription(schema.properties, 'key');
-        const schemaValue = findKeyByDescription(schema.properties, 'value');
+        const schemaKey = findKey(schema.properties, { description: 'key' });
+        const schemaValue = findKey(schema.properties, { description: 'value' });
         const properties = [schemaKey, schemaValue]
             .map((key) => key
             ? {

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

@@ -1,10 +1,9 @@
 import { convertRefSchemeToSchemaPath, getRefSchemeTitle, getRefSchemePrefix, isJSONSchema, parseDescription, parseDescriptionProperty, } from '../schemaOps';
+import isEmpty from 'lodash/isEmpty';
 import get from 'lodash/get';
-import { isObjectEmpty } from '../../../utils/objects';
 const X_FOREIGN_KEY_SCHEMA_SEPARATOR = '___ref_scheme_separator_';
 export const removeFieldsWithNoFilter = (schema) => {
     const processProperties = (properties, parentXNoFilterSet) => {
-        var _a;
         if (!properties) {
             return undefined;
         }
@@ -41,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 && isObjectEmpty(newValue.properties);
+            const hasEmptyProperties = newValue.properties && isEmpty(newValue.properties);
             const hasEmptyItemsProperties = isJSONSchema(newValue.items) &&
                 'properties' in newValue.items &&
-                isObjectEmpty((_a = newValue.items.properties) !== null && _a !== void 0 ? _a : {});
+                isEmpty(newValue.items.properties);
             if (hasEmptyProperties || hasEmptyItemsProperties) {
                 continue;
             }

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

@@ -1,4 +1,5 @@
 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) => {
@@ -7,7 +8,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 > new Set(slugs).size) {
+    if (slugs.length > uniq(slugs).length) {
         throw new Error('Lenses must have unique slugs');
     }
     return concatenatedLenses;

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

@@ -4,7 +4,6 @@ import addFormats from 'ajv-formats';
 import pickBy from 'lodash/pickBy';
 import Ajv from 'ajv';
 import { enqueueSnackbar } from 'notistack';
-import { isObjectEmpty } from '../../../../utils/objects';
 const ajv = new Ajv();
 ajvKeywords(ajv, ['regexp']);
 // TODO: check why is this needed
@@ -72,7 +71,9 @@ export const createFilter = (schema, formData) => {
             operator,
             value,
         });
-        if (!filter || typeof filter !== 'object' || isObjectEmpty(filter)) {
+        if (!filter ||
+            typeof filter !== 'object' ||
+            !Object.keys(filter).length) {
             return {};
         }
         return Object.assign({ $id: randomUUID(), title: operator, description: JSON.stringify({

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

@@ -8,25 +8,20 @@ import { token } from '../../../../utils/token';
 import { DndContext } from '@dnd-kit/core';
 import { CSS } from '@dnd-kit/utilities';
 import { arrayMove, SortableContext, useSortable } from '@dnd-kit/sortable';
-import { useAnalyticsContext } from '../../../../contexts/AnalyticsContext';
 const SortableItem = ({ column, handleColumnSelection, }) => {
-    var _a, _b, _c, _d;
-    const { state: analyticsState } = useAnalyticsContext();
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.key });
-    return (_jsxs(MenuItem, Object.assign({ ref: setNodeRef }, attributes, { sx: { transform: CSS.Transform.toString(transform), transition }, children: [(((_b = (_a = analyticsState.featureFlags) === null || _a === void 0 ? void 0 : _a['column-ordering']) === null || _b === void 0 ? void 0 : _b.value) === 'on' ||
-                ((_d = (_c = analyticsState.featureFlags) === null || _c === void 0 ? void 0 : _c['reduced-default-device-columns-and-reordering']) === null || _d === void 0 ? void 0 : _d.value) === 'on') && (_jsx(ListItemIcon, Object.assign({}, listeners, { sx: {
+    return (_jsxs(MenuItem, Object.assign({ ref: setNodeRef }, attributes, { sx: { transform: CSS.Transform.toString(transform), transition }, children: [_jsx(ListItemIcon, Object.assign({}, listeners, { sx: {
                     cursor: 'grab',
                     pr: 2,
                     mx: 0,
                     minWidth: 'auto !important',
-                }, children: _jsx(FontAwesomeIcon, { icon: faGripVertical }) }))), _jsx(FormControlLabel, { sx: { flex: 1, width: '100%', m: 0 }, control: _jsx(Checkbox, { sx: { m: 0 }, onClick: () => {
+                }, children: _jsx(FontAwesomeIcon, { icon: faGripVertical }) })), _jsx(FormControlLabel, { sx: { flex: 1, width: '100%', m: 0 }, control: _jsx(Checkbox, { sx: { m: 0 }, onClick: () => {
                         handleColumnSelection(column);
                     }, checked: column.selected }), label: typeof column.label === 'string' ? column.label : column.title })] })));
 };
 export const TableActions = ({ columns, actions, onColumnPreferencesChange, onManageColumnsOpen, }) => {
     const [anchorEl, setAnchorEl] = React.useState();
     const theme = useTheme();
-    const { state: analyticsState } = useAnalyticsContext();
     const matches = useMediaQuery(theme.breakpoints.up('sm'));
     const open = Boolean(anchorEl);
     const handleClick = (event) => {
@@ -48,13 +43,8 @@ export const TableActions = ({ columns, actions, onColumnPreferencesChange, onMa
         onColumnPreferencesChange(newColumns, 'display');
     }, [columns, onColumnPreferencesChange]);
     const handleDragEnd = (event) => {
-        var _a, _b, _c, _d;
         const { active, over } = event;
-        if (!active ||
-            !over ||
-            !onColumnPreferencesChange ||
-            (!(((_b = (_a = analyticsState.featureFlags) === null || _a === void 0 ? void 0 : _a['column-reordering']) === null || _b === void 0 ? void 0 : _b.value) === 'on') &&
-                !(((_d = (_c = analyticsState.featureFlags) === null || _c === void 0 ? void 0 : _c['reduced-default-device-columns-and-reordering']) === null || _d === void 0 ? void 0 : _d.value) === 'on'))) {
+        if (!active || !over || !onColumnPreferencesChange) {
             return;
         }
         const oldIndex = columns.findIndex((c) => c.key === active.id);

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

@@ -2,7 +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 uniq from 'lodash/uniq';
 import { useQuery } from '@tanstack/react-query';
 import { Stack } from '@mui/material';
 export function useTagActions(rjstContext, data) {

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

@@ -1,6 +1,7 @@
 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';
@@ -35,7 +36,7 @@ const TxtWidget = widgetFactory('Txt', [
     variant: UiOption.string,
 })(({ value, schema, uiSchema }) => {
     var _a;
-    let displayValue = Array.isArray(value)
+    let displayValue = 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,5 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { toArray } from '../../../../utils/arrays';
+import castArray from 'lodash/castArray';
 import { JsonTypes } from './utils';
 import { typeWidgets } from './Formats';
 import { getSchemaFormat, getSubSchemaFromRefScheme } from '../../schemaOps';
@@ -38,7 +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 ? toArray(subSchema.type) : [];
+    const types = (subSchema === null || subSchema === void 0 ? void 0 : subSchema.type) != null ? castArray(subSchema.type) : [];
     if (processedValue == null && !types.includes(JsonTypes.null)) {
         return null;
     }

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

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

package/dist/components/RJST/schemaOps.js

@@ -1,7 +1,6 @@
 import get from 'lodash/get';
 import pick from 'lodash/pick';
 import { findInObject } from './utils';
-import { isObjectEmpty } from '../../utils/objects';
 export const isJson = (str) => {
     try {
         JSON.parse(str);
@@ -43,7 +42,7 @@ export const isJSONSchema = (value) => {
     return (typeof value === 'object' &&
         value !== null &&
         typeof value !== 'boolean' &&
-        !isObjectEmpty(value));
+        !!Object.keys(value).length);
 };
 export const parseDescription = (filter) => {
     if (!filter.description) {

package/dist/components/RJST/utils.js

@@ -1,5 +1,5 @@
 import { getPropertyScheme } from './schemaOps';
-import { toArray } from '../../utils/arrays';
+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 +119,7 @@ const sortFn = (a, b, ref) => {
     return diff(aa, bb);
 };
 export const getSortingFunction = (schemaKey, schemaValue) => {
-    const types = toArray(schemaValue.type);
+    const types = castArray(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,5 +1,8 @@
 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';
@@ -10,7 +13,7 @@ const RESERVED_NAMESPACES = ['io.resin.', 'io.balena.'];
 const newTagValidationRules = (t, key, existingTags) => {
     return [
         {
-            test: () => !key,
+            test: () => !key || isEmpty(key),
             message: t('fields_errors.tag_name_cannot_be_empty'),
         },
         {
@@ -18,7 +21,7 @@ const newTagValidationRules = (t, key, existingTags) => {
             message: t('fields_errors.tag_names_cannot_contain_whitespace'),
         },
         {
-            test: () => RESERVED_NAMESPACES.some((reserved) => key.startsWith(reserved)),
+            test: () => RESERVED_NAMESPACES.some((reserved) => startsWith(key, reserved)),
             message: t(`fields_errors.some_tag_keys_are_reserved`, {
                 namespace: RESERVED_NAMESPACES.join(', '),
             }),
@@ -50,7 +53,9 @@ export const AddTagForm = ({ itemType, existingTags, overridableTags = [], addTa
         return hasErrors;
     };
     const checkTagOverwrites = async () => {
-        const overridableTag = overridableTags.find((tag) => tag.tag_key === tagKey);
+        const overridableTag = find(overridableTags, {
+            tag_key: tagKey,
+        });
         if (!overridableTag) {
             return true;
         }

package/dist/components/TagManagementDialog/index.js

@@ -5,6 +5,7 @@ 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';
@@ -185,10 +186,9 @@ export const TagManagementDialog = ({ items, itemType, titleField, tagField, can
         setTags(tags.slice());
     };
     const getItemTitle = (item) => {
-        var _a;
         const title = typeof titleField === 'function'
             ? titleField(item)
-            : `${(_a = item[titleField]) !== null && _a !== void 0 ? _a : ''}`;
+            : toString(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,9 +1,12 @@
+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 = items.flatMap((item) => {
+    const resourceTagInfos = flatMap(items, (item) => {
         const tags = getResourceTags(item, tagField);
         return tags.map((tag) => ({
             tag_key_value: getTagKeyValueComposite(tag.tag_key, tag.value),
@@ -13,15 +16,13 @@ export const groupResourcesByTags = (items, tagField) => {
         }));
     });
     const tagsByTagKeyValue = groupBy(resourceTagInfos, 'tag_key_value');
-    const tagsWithItems = Object.keys(tagsByTagKeyValue)
-        .sort()
-        .map((tagKeyValue) => {
+    const tagsWithItems = map(keys(tagsByTagKeyValue).sort(), (tagKeyValue) => {
         const tags = tagsByTagKeyValue[tagKeyValue];
         const firstTag = tags[0];
         return {
             tag_key: firstTag.tag_key,
             value: firstTag.value,
-            items: tags.map((tag) => tag.item),
+            items: map(tags, 'item'),
         };
     });
     return tagsWithItems;

package/dist/index.d.ts

@@ -92,6 +92,5 @@ 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,6 +53,5 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balena/ui-shared-components",
-  "version": "15.2.4-build-drop-some-lodash-for-native-alternatives-2e2165e6ae9420fd623789747910f4a6e6d463fb-1",
+  "version": "15.2.4-build-remove-column-management-experimental-code-79be8f7aaed914004e675a86a775e5a02eb4daa0-1",
   "main": "./dist/index.js",
   "sideEffects": false,
   "files": [
@@ -135,7 +135,7 @@
   },
   "homepage": "https://github.com/balena-io/ui-shared-components#readme",
   "versionist": {
-    "publishedAt": "2025-11-14T13:41:36.403Z"
+    "publishedAt": "2025-11-17T09:20:04.396Z"
   },
   "overrides": {
     "storybook": "$storybook",

package/dist/utils/arrays.d.ts

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

package/dist/utils/arrays.js

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

package/dist/utils/objects.d.ts

@@ -1 +0,0 @@
-export declare const isObjectEmpty: (obj: Record<string, unknown> | object) => boolean;

package/dist/utils/objects.js

@@ -1,3 +0,0 @@
-export const isObjectEmpty = (obj) => {
-    return Object.keys(obj).length === 0;
-};