@nordicsemiconductor/pc-nrfconnect-shared 229.0.0 → 231.0.0

package/src/Group/Group.tsx

@@ -22,7 +22,7 @@ const collapseSection = (element: HTMLDivElement) => {
             element.setAttribute('data-animating', 'true');
             element.style.pointerEvents = 'none';
         },
-        { once: true }
+        { once: true },
     );
 
     // on the next frame (as soon as the previous style change has taken effect),
@@ -41,7 +41,7 @@ const collapseSection = (element: HTMLDivElement) => {
                     element.style.pointerEvents = '';
                     element.setAttribute('data-animating', 'false');
                 },
-                { once: true }
+                { once: true },
             );
         });
     });
@@ -61,7 +61,7 @@ const expandSection = (element: HTMLDivElement) => {
             element.style.pointerEvents = 'none';
             element.setAttribute('data-animating', 'true');
         },
-        { once: true }
+        { once: true },
     );
     element.addEventListener(
         'transitionend',
@@ -71,7 +71,7 @@ const expandSection = (element: HTMLDivElement) => {
             element.style.overflow = '';
             element.setAttribute('data-animating', 'false');
         },
-        { once: true }
+        { once: true },
     );
 };
 
@@ -102,7 +102,7 @@ export const Group = ({
     const getInitialCollapseState = () => {
         if (collapseStatePersistanceId) {
             const persistedState = getPersistedGroupCollapseState(
-                collapseStatePersistanceId
+                collapseStatePersistanceId,
             );
             if (persistedState !== undefined) {
                 return persistedState;
@@ -121,7 +121,7 @@ export const Group = ({
                 className={classNames(
                     'tw-row tw-preflight tw- tw-flex tw-items-center tw-justify-between tw-text-left',
                     headingFullWidth && 'tw-w-full',
-                    !collapsible && ' tw-cursor-default'
+                    !collapsible && ' tw-cursor-default',
                 )}
                 type="button"
                 onClick={() => {
@@ -132,7 +132,7 @@ export const Group = ({
 
                     if (
                         collapsibleDivRef.current.getAttribute(
-                            'data-animating'
+                            'data-animating',
                         ) === 'true'
                     )
                         return;
@@ -149,7 +149,7 @@ export const Group = ({
                     if (collapseStatePersistanceId) {
                         persistGroupCollapseState(
                             collapseStatePersistanceId,
-                            !collapsed
+                            !collapsed,
                         );
                     }
                 }}
@@ -164,7 +164,7 @@ export const Group = ({
                     <span
                         className={classNames(
                             'mdi mdi-chevron-down tw-inline tw-text-xl/3 tw-transition-transform',
-                            !collapsed && 'tw-rotate-180'
+                            !collapsed && 'tw-rotate-180',
                         )}
                     />
                 )}
@@ -184,7 +184,7 @@ export const Group = ({
                 className={classNames(
                     'tw-transition-all',
                     !initStateSet.current && collapsed && 'tw-h-0',
-                    !initStateSet.current && !collapsed && 'tw-h-full'
+                    !initStateSet.current && !collapsed && 'tw-h-full',
                 )}
             >
                 <div
@@ -194,7 +194,7 @@ export const Group = ({
                         gap === 1 && 'tw-gap-1',
                         gap === 2 && 'tw-gap-2',
                         gap === 4 && 'tw-gap-4',
-                        gap === 8 && 'tw-gap-8'
+                        gap === 8 && 'tw-gap-8',
                     )}
                 >
                     {children}

package/src/InlineInput/InlineInput.tsx

@@ -36,7 +36,7 @@ external value and comparing with it to determine whether it has changed.
 
 export const useSynchronisationIfChangedFromOutside = <T,>(
     externalValue: T,
-    setInternalValue: (value: T) => void
+    setInternalValue: (value: T) => void,
 ) => {
     const previousExternalValue = useRef(externalValue);
     useEffect(() => {
@@ -83,7 +83,7 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
             minSize,
             maxLength,
         },
-        ref
+        ref,
     ) => {
         const [internalValue, setInternalValue] = useState(externalValue);
         const [initialValue, setInitialValue] = useState(externalValue);
@@ -175,7 +175,7 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
                         : isValid(internalValue) || 'invalid',
                     disabled && 'disabled',
                     textAlignLeft && 'tw-pl-2 tw-text-left',
-                    className
+                    className,
                 )}
                 size={
                     Math.max(minSize ?? 1, internalValue.length) +
@@ -194,7 +194,7 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
                 maxLength={maxLength}
             />
         );
-    }
+    },
 );
 
 export default InlineInput;

package/src/InlineInput/NumberInlineInput.tsx

@@ -50,7 +50,7 @@ const isValid = (value: number, rangeOrValues: RangeOrValues) =>
 const nextInValues = (
     current: number,
     values: Values,
-    steps: number
+    steps: number,
 ): number | undefined => {
     const currentIndex = values.indexOf(current);
     const newIndex = currentIndex + steps;
@@ -60,7 +60,7 @@ const nextInValues = (
 
 const nextInRange = (current: number, range: Range, steps: number) => {
     const newValue = Number(
-        (current + steps * getStep(range)).toFixed(range.decimals)
+        (current + steps * getStep(range)).toFixed(range.decimals),
     );
 
     if (newValue >= range.min && newValue <= range.max) {
@@ -71,7 +71,7 @@ const nextInRange = (current: number, range: Range, steps: number) => {
 const changeValueStepwise = (
     current: number,
     rangeOrValues: RangeOrValues,
-    steps: number
+    steps: number,
 ) => {
     const nextValue = isValues(rangeOrValues)
         ? nextInValues(current, rangeOrValues, steps)
@@ -103,8 +103,8 @@ const calculateMaxCharactersFromRange = (range: RangeOrValues): number => {
             ...range.map(v =>
                 Number.isFinite(v)
                     ? handleInfinityToString(v).length
-                    : v.toString().length
-            )
+                    : v.toString().length,
+            ),
         );
     }
 
@@ -147,19 +147,19 @@ export default ({
             }
             onKeyboardIncrementAction={() =>
                 handleInfinityToString(
-                    changeValueStepwise(value, range, 1)
+                    changeValueStepwise(value, range, 1),
                 ).toString()
             }
             onKeyboardDecrementAction={() =>
                 handleInfinityToString(
-                    changeValueStepwise(value, range, -1)
+                    changeValueStepwise(value, range, -1),
                 ).toString()
             }
             textAlignLeft={textAlignLeft}
             isValid={newValue => {
                 const validity = isValid(
                     handleInfinityToNumber(newValue),
-                    range
+                    range,
                 );
                 if (onValidityChanged != null) {
                     // Then propagate the validity back to parent
@@ -171,21 +171,21 @@ export default ({
             preventDefaultInvalidStyle={preventDefaultInvalidStyle}
             minSize={
                 preAllocateSize
-                    ? minSize ??
+                    ? (minSize ??
                       Math.max(
                           ...(isValues(range)
                               ? range.map(v =>
                                     Number.isFinite(v)
                                         ? handleInfinityToString(v)
-                                        : v.toString()
+                                        : v.toString(),
                                 )
                               : [range.min, range.max].map(v =>
                                     Number.isFinite(v)
                                         ? v.toFixed(range.decimals)
-                                        : handleInfinityToString(v)
+                                        : handleInfinityToString(v),
                                 )
-                          ).map(v => v.length)
-                      )
+                          ).map(v => v.length),
+                      ))
                     : undefined
             }
             maxLength={calculateMaxCharactersFromRange(range)}

package/src/InlineInput/NumberInputWithDropdown.tsx

@@ -92,7 +92,7 @@ export default ({
                 >
                     <span
                         className={`mdi mdi-chevron-down tw-text-lg ${classNames(
-                            isActive && 'tw-rotate-180'
+                            isActive && 'tw-rotate-180',
                         )}`}
                     />
                 </button>
@@ -116,7 +116,7 @@ export default ({
                 }
                 className={`tw-text-while tw-absolute tw-right-0 tw-z-10 tw-w-full tw-bg-gray-700 tw-p-0 ${classNames(
                     styles.content,
-                    !isActive && 'tw-hidden'
+                    !isActive && 'tw-hidden',
                 )}`}
             >
                 {items.map(item => (

package/src/Link/ExternalLink.tsx

@@ -16,7 +16,7 @@ export default ({ href, label }: { href: string; label?: string }) => (
         href={href}
         title={label ? href : undefined}
         className={classNames(
-            'tw-preflight tw-text-nordicBlue hover:tw-underline'
+            'tw-preflight tw-text-nordicBlue hover:tw-underline',
         )}
         onClick={event => {
             telemetry.sendEvent('Visiting link', { href });

package/src/Link/FileLink.tsx

@@ -23,7 +23,7 @@ export default ({
         onClick={() => openFile(fileLocation)}
         className={classNames(
             'tw-preflight tw-overflow-hidden tw-text-ellipsis tw-text-nordicBlue hover:tw-underline',
-            className
+            className,
         )}
     >
         {label}

package/src/Log/LogEntry.tsx

@@ -41,7 +41,7 @@ function hrefReplacer(str: string) {
                 onKeyPress={() => {}}
             >
                 {href}
-            </a>
+            </a>,
         );
         return '';
     });

package/src/Log/logSlice.ts

@@ -82,7 +82,7 @@ export const setIsLoggingVerbose =
         } catch (e) {
             logger.error(
                 'Failed to enable verbose logging to nRF Util modules.',
-                e
+                e,
             );
         }
         persistIsLoggingVerbose(enable);

package/src/Log/syncLogToStore.ts

@@ -27,7 +27,7 @@ export default (dispatch: AppDispatch) => {
     const LOG_UPDATE_INTERVAL = 400;
     const logListener = setInterval(
         addLogEntriesToStore(dispatch),
-        LOG_UPDATE_INTERVAL
+        LOG_UPDATE_INTERVAL,
     );
 
     return () => {

package/src/MasonryLayout/MasonryLayout.tsx

@@ -72,7 +72,7 @@ const Fillers = ({
                         width: `${width / columns}px`,
                     }}
                 />
-            ) : null
+            ) : null,
         )}
     </>
 );
@@ -185,7 +185,7 @@ export default ({
                 columnHeights: heights,
                 columns: Math.min(
                     metaData.hiddenChildren.filter(v => !v).length,
-                    col
+                    col,
                 ),
                 maxColums: col,
                 hiddenChildren: metaData.hiddenChildren,
@@ -197,7 +197,7 @@ export default ({
                 current.clientWidth >= minWidth
                     ? Math.floor(
                           current.clientWidth /
-                              (minWidth + Number.parseInt(styles.margin, 10))
+                              (minWidth + Number.parseInt(styles.margin, 10)),
                       )
                     : 1;
 
@@ -224,8 +224,10 @@ export default ({
         });
 
         return () => {
-            current && observer.unobserve(current);
-            current && mutationObserver.disconnect();
+            if (current) {
+                observer.unobserve(current);
+                mutationObserver.disconnect();
+            }
         };
     }, [columns, maxHeight, minWidth]);
 
@@ -242,7 +244,7 @@ export default ({
                     columns={columns}
                     minWidth={Math.min(
                         minWidth,
-                        masonryLayoutRef.current?.clientWidth ?? minWidth
+                        masonryLayoutRef.current?.clientWidth ?? minWidth,
                     )}
                     orders={orders}
                 >

package/src/NavBar/NavMenuItem.tsx

@@ -27,7 +27,7 @@ const NavMenuItem: FC<Props> = ({ isSelected, label, disabled }) => {
             className={classNames(
                 'core19-nav-menu-item',
                 isSelected && 'selected',
-                'mr-4'
+                'mr-4',
             )}
             onClick={() => dispatch(setCurrentPane(label))}
             disabled={disabled}

package/src/NumberInput/NumberInput.tsx

@@ -53,7 +53,7 @@ interface DropdownUnit<T> {
 }
 
 const isDropdownUnit = <T,>(
-    unit: React.ReactNode | DropdownUnit<T>
+    unit: React.ReactNode | DropdownUnit<T>,
 ): unit is DropdownUnit<T> =>
     unit != null &&
     Object.keys(unit).includes('selectedItem') &&
@@ -91,13 +91,13 @@ export default <T,>({
 }) => (
     <div
         className={`tw-flex tw-flex-col tw-gap-1 tw-text-xs ${classNames(
-            className
+            className,
         )}`}
     >
         <div
             className={classNames(
                 'tw-flex tw-flex-row',
-                minWidth ? '' : 'tw-justify-between'
+                minWidth ? '' : 'tw-justify-between',
             )}
             title={title}
         >