@nordicsemiconductor/pc-nrfconnect-shared 161.0.0 → 162.0.0

package/Changelog.md

@@ -7,6 +7,28 @@ This project does _not_ adhere to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html) but contrary to it
 every new version is a new major version.
 
+## 162.0.0 - 2024-03-05
+
+### Changed
+
+-   Device programming dialog changes to `programming` when programming starts.
+-   `Group` now combines `CollapsibleGroup` functionality with `collapsible`
+    property. New properties have also been added: `gap`, `headingFullWidth`,
+
+### Fixed
+
+-   Pass `disable` prop to `Dropdown` in `NumberInput`.
+-   Weird visual fragments when hovering over non-active `StateSelector` part.
+-   `Dropdown elements font size is 12px everywhere in apps and not just the side panel`
+
+### Removed
+
+-   `CollapsibleGroup`. Use `Group` component as a replacement.
+
+### Steps to upgrade
+
+-   Replace all `CollapsibleGroup` with `Group` component.
+
 ## 161.0.0 - 2024-02-26
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nordicsemiconductor/pc-nrfconnect-shared",
-    "version": "161.0.0",
+    "version": "162.0.0",
     "description": "Shared commodities for developing pc-nrfconnect-* packages",
     "repository": {
         "type": "git",

package/src/Device/DeviceSetup/DeviceSetupView.tsx

@@ -36,7 +36,7 @@ export default () => {
         <Dialog isVisible={isVisible}>
             <Dialog.Header
                 showSpinner={isInProgress}
-                title="Confirm"
+                title={isInProgress ? 'Programming' : 'Confirm'}
                 headerIcon=""
             />
             <Dialog.Body>

package/src/Dropdown/Dropdown.tsx

@@ -53,7 +53,7 @@ export default <T,>({
     return (
         <div
             className={classNames(
-                'tw-preflight tw-relative',
+                'tw-preflight tw-relative tw-text-xs',
                 minWidth ? '' : 'tw-w-full',
                 className
             )}

package/src/ErrorBoundary/ErrorBoundary.tsx

@@ -10,7 +10,7 @@ import { getCurrentWindow } from '@electron/remote';
 import Button from '../Button/Button';
 import { Device } from '../Device/deviceSlice';
 import FactoryResetButton from '../FactoryReset/FactoryResetButton';
-import { CollapsibleGroup } from '../SidePanel/Group';
+import { Group } from '../Group/Group';
 import Spinner from '../Spinner/Spinner';
 import telemetry from '../telemetry/telemetry';
 import { openUrl } from '../utils/open';
@@ -132,22 +132,25 @@ class ErrorBoundary extends React.Component<
                 <div className="error-boundary__footer">
                     {error !== null && (
                         <div className="error-boundary__message">
-                            <CollapsibleGroup heading="Show detailed error message">
+                            <Group
+                                heading="Show detailed error message"
+                                collapsible
+                            >
                                 <div className="report">
                                     <h4>{error.message}</h4>
                                     <pre>{error.stack}</pre>
                                 </div>
-                            </CollapsibleGroup>
+                            </Group>
                         </div>
                     )}
                     <hr />
                     {systemReport !== null ? (
                         <div className="error-boundary__message">
-                            <CollapsibleGroup heading="Show system report">
+                            <Group heading="Show system report" collapsible>
                                 <div className="report">
                                     <pre>{systemReport}</pre>
                                 </div>
-                            </CollapsibleGroup>
+                            </Group>
                         </div>
                     ) : (
                         <div className="error-boundary__message--loading">

package/src/Group/Group.tsx

@@ -0,0 +1,175 @@
+/*
+ * Copyright (c) 2015 Nordic Semiconductor ASA
+ *
+ * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
+ */
+
+import React, { useRef, useState } from 'react';
+
+import classNames from '../utils/classNames';
+
+const collapseSection = (element: HTMLDivElement) => {
+    const sectionHeight = element.scrollHeight;
+    element.style.overflow = 'hidden';
+
+    element.addEventListener(
+        'transitionstart',
+        () => {
+            element.setAttribute('data-animating', 'true');
+            element.style.pointerEvents = 'none';
+        },
+        { once: true }
+    );
+
+    // on the next frame (as soon as the previous style change has taken effect),
+    // explicitly set the element's height to its current pixel height, so we
+    // aren't transitioning out of 'auto'
+    requestAnimationFrame(() => {
+        element.style.height = `${sectionHeight}px`;
+
+        // on the next frame (as soon as the previous style change has taken effect),
+        // have the element transition to height: 0
+        requestAnimationFrame(() => {
+            element.style.height = `${0}px`;
+            element.addEventListener(
+                'transitionend',
+                () => {
+                    element.style.pointerEvents = '';
+                    element.setAttribute('data-animating', 'false');
+                },
+                { once: true }
+            );
+        });
+    });
+};
+
+const expandSection = (element: HTMLDivElement) => {
+    const sectionHeight = element.scrollHeight;
+
+    if (sectionHeight === 0) return;
+
+    element.style.height = `${sectionHeight}px`;
+
+    element.addEventListener(
+        'transitionstart',
+        () => {
+            element.style.pointerEvents = 'none';
+            element.setAttribute('data-animating', 'true');
+        },
+        { once: true }
+    );
+    element.addEventListener(
+        'transitionend',
+        () => {
+            element.style.height = '';
+            element.style.pointerEvents = '';
+            element.style.overflow = '';
+            element.setAttribute('data-animating', 'false');
+        },
+        { once: true }
+    );
+};
+
+export const Group = ({
+    className = '',
+    heading,
+    title,
+    children,
+    gap = 2,
+    headingFullWidth = true,
+    collapsible = false,
+    defaultCollapsed = !!collapsible,
+    onToggled,
+}: {
+    className?: string;
+    heading: string;
+    headingFullWidth?: boolean;
+    title?: string;
+    children?: React.ReactNode;
+    gap?: 0.5 | 1 | 2 | 4 | 8;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    onToggled?: (isNowExpanded: boolean) => void;
+}) => {
+    const [collapsed, setCollapsed] = useState(defaultCollapsed);
+    const collapsibleDivRef = useRef<HTMLDivElement | null>(null);
+    const initStateSet = useRef(false);
+
+    return (
+        <div className={className}>
+            <button
+                className={classNames(
+                    'tw-row tw-preflight tw-flex tw-items-center tw-justify-between tw-text-left',
+                    headingFullWidth && 'tw-w-full'
+                )}
+                type="button"
+                onClick={() => {
+                    if (!collapsibleDivRef.current || !initStateSet.current)
+                        return;
+
+                    if (
+                        collapsibleDivRef.current.getAttribute(
+                            'data-animating'
+                        ) === 'true'
+                    )
+                        return;
+
+                    if (collapsed) {
+                        expandSection(collapsibleDivRef.current);
+                    } else {
+                        collapseSection(collapsibleDivRef.current);
+                    }
+
+                    onToggled?.(collapsed);
+                    setCollapsed(!collapsed);
+                }}
+            >
+                <p
+                    className="tw-text-[10px] tw-uppercase tw-tracking-[0.5ex]"
+                    title={title}
+                >
+                    {heading}
+                </p>
+                {collapsible && (
+                    <span
+                        className={classNames(
+                            'mdi mdi-chevron-down tw-inline tw-text-xl/3 tw-transition-transform',
+                            !collapsed && 'tw-rotate-180'
+                        )}
+                    />
+                )}
+            </button>
+            <div
+                ref={ref => {
+                    if (!initStateSet.current && ref) {
+                        if (defaultCollapsed) {
+                            collapseSection(ref);
+                        } else {
+                            expandSection(ref);
+                        }
+                        initStateSet.current = true;
+                    }
+                    collapsibleDivRef.current = ref;
+                }}
+                className={classNames(
+                    'tw-transition-all',
+                    !initStateSet.current && collapsed && 'tw-h-0',
+                    !initStateSet.current && !collapsed && 'tw-h-full'
+                )}
+            >
+                <div
+                    className={classNames(
+                        'tw-flex tw-flex-col tw-pt-4',
+                        gap === 0.5 && 'tw-gap-0.5',
+                        gap === 1 && 'tw-gap-1',
+                        gap === 2 && 'tw-gap-2',
+                        gap === 4 && 'tw-gap-4',
+                        gap === 8 && 'tw-gap-8'
+                    )}
+                >
+                    {children}
+                </div>
+            </div>
+        </div>
+    );
+};

package/src/NumberInput/NumberInput.tsx

@@ -113,6 +113,7 @@ export default <T,>({
                         transparentButtonBg
                         minWidth
                         onSelect={unit.onUnitChange}
+                        disabled={disabled}
                     />
                 ) : (
                     unit

package/src/StateSelector/state-selector.scss

@@ -13,6 +13,9 @@
         padding: 4px;
         border-radius: 4px !important;
     }
+    .btn-unset {
+        z-index: 0 !important;
+    }
     .btn:disabled {
         opacity: initial;
     }

package/src/index.ts

@@ -44,7 +44,7 @@ export { default as FileLink } from './Link/FileLink';
 export { default as Overlay } from './Overlay/Overlay';
 
 export { default as SidePanel } from './SidePanel/SidePanel';
-export { Group, CollapsibleGroup } from './SidePanel/Group';
+export { Group } from './Group/Group';
 
 export { default as InlineInput } from './InlineInput/InlineInput';
 export { default as NumberInlineInput } from './InlineInput/NumberInlineInput';

package/typings/generated/src/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAW/C,OAAO,uBAAuB,CAAC;AAM/B,UAAU,KAAK;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAOD,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CACvC,KAAK,EACL;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAC1E;gBACe,KAAK,EAAE,KAAK;IASxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAO5C,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAsB9B,MAAM;CA8FT;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAW/C,OAAO,uBAAuB,CAAC;AAM/B,UAAU,KAAK;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAOD,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CACvC,KAAK,EACL;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAC1E;gBACe,KAAK,EAAE,KAAK;IASxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAO5C,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAsB9B,MAAM;CAiGT;AAED,eAAe,aAAa,CAAC"}

package/typings/generated/src/Group/Group.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const Group: ({ className, heading, title, children, gap, headingFullWidth, collapsible, defaultCollapsed, onToggled, }: {
+    className?: string | undefined;
+    heading: string;
+    headingFullWidth?: boolean | undefined;
+    title?: string | undefined;
+    children?: React.ReactNode;
+    gap?: 1 | 2 | 4 | 8 | 0.5 | undefined;
+    collapsible?: boolean | undefined;
+    defaultCollapsed?: boolean | undefined;
+    onToggled?: ((isNowExpanded: boolean) => void) | undefined;
+}) => JSX.Element;
+//# sourceMappingURL=Group.d.ts.map

package/typings/generated/src/Group/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/Group/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAkEhD,eAAO,MAAM,KAAK;;aAYL,MAAM;;;eAGJ,MAAM,SAAS;;;;iCAIE,OAAO,KAAK,IAAI;iBAmF/C,CAAC"}

package/typings/generated/src/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAsChD,UAAU,YAAY,CAAC,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjD;;WAuBU,aAAa;WACb,MAAM;sBACK,MAAM,KAAK,IAAI;gCACN,MAAM,KAAK,IAAI;;;WAGnC,MAAM,SAAS;;;;;;AAnB1B,wBAsEE"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAsChD,UAAU,YAAY,CAAC,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjD;;WAuBU,aAAa;WACb,MAAM;sBACK,MAAM,KAAK,IAAI;gCACN,MAAM,KAAK,IAAI;;;WAGnC,MAAM,SAAS;;;;;;AAnB1B,wBAuEE"}

package/typings/generated/src/index.d.ts

@@ -32,7 +32,7 @@ export { default as ExternalLink } from './Link/ExternalLink';
 export { default as FileLink } from './Link/FileLink';
 export { default as Overlay } from './Overlay/Overlay';
 export { default as SidePanel } from './SidePanel/SidePanel';
-export { Group, CollapsibleGroup } from './SidePanel/Group';
+export { Group } from './Group/Group';
 export { default as InlineInput } from './InlineInput/InlineInput';
 export { default as NumberInlineInput } from './InlineInput/NumberInlineInput';
 export { default as NumberInput } from './NumberInput/NumberInput';

package/typings/generated/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB;;;;;;;;;CAA6B,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACH,OAAO,IAAI,cAAc,EACzB,KAAK,KAAK,IAAI,mBAAmB,GACpC,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACH,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,GACf,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAC3F,YAAY,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EACH,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,GACjB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,OAAO,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EACH,mBAAmB,IAAI,kBAAkB,EACzC,uBAAuB,EACvB,4BAA4B,EAC5B,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,GAChB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EACH,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,KAAK,MAAM,GACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACH,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,GACrB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EACH,qBAAqB,EACrB,uBAAuB,EACvB,yBAAyB,IAAI,wBAAwB,EACrD,4BAA4B,GAC/B,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EACH,OAAO,IAAI,cAAc,EACzB,sBAAsB,EACtB,uBAAuB,GAC1B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACH,iBAAiB,EACjB,KAAK,QAAQ,EACb,MAAM,EACN,QAAQ,GACX,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EACH,gBAAgB,EAChB,oBAAoB,EACpB,KAAK,UAAU,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAE9F,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,aAAa,GAChB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACH,WAAW,EACX,2BAA2B,EAC3B,KAAK,SAAS,IAAI,oBAAoB,EACtC,KAAK,WAAW,GACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACH,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,GACzB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACH,MAAM,IAAI,IAAI,EACd,KAAK,GAAG,IAAI,OAAO,EACnB,KAAK,OAAO,EACZ,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,0BAA0B,EAC/B,KAAK,YAAY,GACpB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}

package/src/SidePanel/Group.tsx

@@ -1,106 +0,0 @@
-/*
- * Copyright (c) 2015 Nordic Semiconductor ASA
- *
- * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
- */
-
-import React, { useContext, useRef } from 'react';
-import Accordion from 'react-bootstrap/Accordion';
-import AccordionContext from 'react-bootstrap/AccordionContext';
-import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
-
-import PseudoButton from '../PseudoButton/PseudoButton';
-import classNames from '../utils/classNames';
-
-import './group.scss';
-
-const Heading = ({ label, title }: { label?: string; title?: string }) =>
-    label == null ? null : (
-        <h2 className="heading" title={title}>
-            {label}
-        </h2>
-    );
-
-const ContextAwareToggle = ({
-    heading,
-    title,
-    eventKey,
-    onToggled,
-}: {
-    heading: string;
-    title?: string;
-    eventKey: string;
-    onToggled?: ((isNowExpanded: boolean) => void) | null;
-}) => {
-    const currentEventKey = useContext(AccordionContext);
-    const isCurrentEventKey = currentEventKey === eventKey;
-    const decoratedOnClick = useAccordionToggle(
-        eventKey,
-        () => onToggled && onToggled(!isCurrentEventKey)
-    );
-
-    return (
-        <PseudoButton
-            onClick={decoratedOnClick}
-            className={classNames('group-toggle', isCurrentEventKey && 'show')}
-        >
-            <Heading label={heading} title={title} />
-            <span className="mdi mdi-chevron-down" />
-        </PseudoButton>
-    );
-};
-
-export const CollapsibleGroup = ({
-    className = '',
-    heading,
-    title,
-    children = null,
-    defaultCollapsed = true,
-    onToggled,
-}: {
-    className?: string;
-    heading: string;
-    title?: string;
-    children?: React.ReactNode;
-    defaultCollapsed?: boolean | null;
-    onToggled?: ((isNowExpanded: boolean) => void) | null;
-}) => {
-    const eventKey = useRef(Math.random().toString());
-
-    return (
-        <div className={`sidepanel-group ${className}`}>
-            <Accordion
-                defaultActiveKey={defaultCollapsed ? '' : eventKey.current}
-            >
-                <div className="collapse-container">
-                    <ContextAwareToggle
-                        heading={heading}
-                        title={title}
-                        eventKey={eventKey.current}
-                        onToggled={onToggled}
-                    />
-                    <Accordion.Collapse eventKey={eventKey.current}>
-                        <div className="body">{children}</div>
-                    </Accordion.Collapse>
-                </div>
-            </Accordion>
-        </div>
-    );
-};
-
-export const Group = ({
-    className = '',
-    heading,
-    title,
-    children,
-}: {
-    className?: string;
-    heading?: string;
-    title?: string;
-    children?: React.ReactNode;
-}) => (
-    <div className={`sidepanel-group ${className}`}>
-        <Heading label={heading} title={title} />
-        <div className="body">{children}</div>
-    </div>
-);

package/src/SidePanel/group.scss

@@ -1,42 +0,0 @@
-/*
- * Copyright (c) 2021 Nordic Semiconductor ASA
- *
- * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
- */
-
-.sidepanel-group {
-    .body {
-        > * {
-            margin-bottom: 8px;
-        }
-
-        > *:last-child {
-            margin-bottom: 0px;
-        }
-    }
-
-    .heading {
-        margin-bottom: 16px;
-
-        font-size: 10px;
-        font-weight: normal;
-        letter-spacing: 0.5ex;
-
-        text-transform: uppercase;
-    }
-
-    .group-toggle {
-        display: flex;
-        justify-content: space-between;
-
-        .mdi-chevron-down::before {
-            font-size: 20px;
-            position: relative;
-            top: -9px;
-        }
-
-        &.show .mdi-chevron-down::before {
-            transform: rotate(180deg);
-        }
-    }
-}

package/typings/generated/src/SidePanel/Group.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import './group.scss';
-export declare const CollapsibleGroup: ({ className, heading, title, children, defaultCollapsed, onToggled, }: {
-    className?: string | undefined;
-    heading: string;
-    title?: string | undefined;
-    children?: React.ReactNode;
-    defaultCollapsed?: boolean | null | undefined;
-    onToggled?: ((isNowExpanded: boolean) => void) | null | undefined;
-}) => JSX.Element;
-export declare const Group: ({ className, heading, title, children, }: {
-    className?: string | undefined;
-    heading?: string | undefined;
-    title?: string | undefined;
-    children?: React.ReactNode;
-}) => JSX.Element;
-//# sourceMappingURL=Group.d.ts.map

package/typings/generated/src/SidePanel/Group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/SidePanel/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,cAAc,CAAC;AAsCtB,eAAO,MAAM,gBAAgB;;aAShB,MAAM;;eAEJ,MAAM,SAAS;;iCAEG,OAAO,KAAK,IAAI;iBAuBhD,CAAC;AAEF,eAAO,MAAM,KAAK;;;;eASH,MAAM,SAAS;iBAM7B,CAAC"}