@nulogy/components 15.2.2 → 15.3.0

package/dist/src/Layout/Page.story.d.ts

@@ -1,13 +1,18 @@
+import type { StoryObj } from "@storybook/react";
 import React from "react";
+import { Page } from "..";
 declare const _default: {
     title: string;
+    component: ({ breadcrumbs, title, children, headerContent, fullHeight, renderHeader, ...rest }: import("./Page").PageProps) => React.JSX.Element;
     parameters: {
         layout: string;
     };
 };
 export default _default;
-export declare const _Page: () => React.JSX.Element;
-export declare const NoPageTitle: () => React.JSX.Element;
-export declare const NoBreadcrumbs: () => React.JSX.Element;
-export declare const NoBackground: () => React.JSX.Element;
-export declare const WithFullHeight: () => React.JSX.Element;
+type Story = StoryObj<typeof Page>;
+export declare const _Page: Story;
+export declare const NoPageTitle: Story;
+export declare const NoBreadcrumbs: Story;
+export declare const NoBackground: Story;
+export declare const WithFullHeight: Story;
+export declare const WithReactNodeAsTitle: Story;

package/dist/src/Layout/Page.story.js

@@ -2,30 +2,64 @@ import React from "react";
 import { ApplicationFrame, Breadcrumbs, Link, Heading2, Text, Page, StatusIndicator, Navigation } from "..";
 export default {
     title: "Components/Page",
+    component: Page,
     parameters: {
         layout: "fullscreen",
     },
 };
-export const _Page = () => (React.createElement(Page, { breadcrumbs: React.createElement(Breadcrumbs, null,
-        React.createElement(Link, { href: "/" }, "Home"),
-        React.createElement(Link, { href: "/" }, "Materials")), title: "Materials Overview", headerContent: React.createElement(StatusIndicator, { type: "informative" }, "Beta") },
-    React.createElement(React.Fragment, null,
-        React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content"))));
-export const NoPageTitle = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
-    React.createElement(Page, { breadcrumbs: React.createElement(Breadcrumbs, null,
+export const _Page = {
+    args: {
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
             React.createElement(Link, { href: "/" }, "Home"),
-            React.createElement(Link, { href: "/" }, "Materials")) },
-        React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content"))));
-export const NoBreadcrumbs = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null), height: "100vh" },
-    React.createElement(Page, { title: "Materials Overview" },
-        React.createElement(React.Fragment, null,
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        title: "Materials Overview",
+        headerContent: React.createElement(StatusIndicator, { type: "informative" }, "Beta"),
+        children: (React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content")),
+    },
+};
+export const NoPageTitle = {
+    render: (args) => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
+        React.createElement(Page, { ...args }))),
+    args: {
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
+            React.createElement(Link, { href: "/" }, "Home"),
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        children: (React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content")),
+    },
+};
+export const NoBreadcrumbs = {
+    render: (args) => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null), height: "100vh" },
+        React.createElement(Page, { ...args }))),
+    args: {
+        title: "Materials Overview",
+        children: (React.createElement(React.Fragment, null,
             React.createElement(Heading2, null, "Overview"),
-            React.createElement(Text, null, "I am main content.")))));
-export const NoBackground = () => (React.createElement(Page, { breadcrumbs: React.createElement(Breadcrumbs, null,
-        React.createElement(Link, { href: "/" }, "Home"),
-        React.createElement(Link, { href: "/" }, "Materials")), title: "Materials Overview" }));
-export const WithFullHeight = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
-    React.createElement(Page, { title: "Materials Overview", fullHeight: true, breadcrumbs: React.createElement(Breadcrumbs, null,
+            React.createElement(Text, null, "I am main content."))),
+    },
+};
+export const NoBackground = {
+    args: {
+        title: "Materials Overview",
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
             React.createElement(Link, { href: "/" }, "Home"),
-            React.createElement(Link, { href: "/" }, "Materials")) },
-        React.createElement(Text, null, "I am main content."))));
+            React.createElement(Link, { href: "/" }, "Materials"))),
+    },
+};
+export const WithFullHeight = {
+    render: (args) => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
+        React.createElement(Page, { ...args }))),
+    args: {
+        title: "Materials Overview",
+        fullHeight: true,
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
+            React.createElement(Link, { href: "/" }, "Home"),
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        children: React.createElement(Text, null, "I am main content."),
+    },
+};
+export const WithReactNodeAsTitle = {
+    args: {
+        title: React.createElement("b", null, "I am a title"),
+        children: React.createElement(Text, null, "I am main content."),
+    },
+};

package/dist/src/Layout/Sidebar.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useEffect, useState, useRef } from "react";
 import { AnimatePresence } from "framer-motion";
 import { useTranslation } from "react-i18next";
@@ -37,15 +26,13 @@ const focusFirstElement = () => {
     }
 };
 const SidebarOverlay = ({ transitionDuration, top, transparent, zIndex = 799, onClick }) => (React.createElement(AnimatedBox, { position: "fixed", top: top, bottom: "0", left: "0", right: "0", zIndex: zIndex, bg: !transparent && "rgba(18, 43, 71, 0.5)", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: transitionDuration }, "data-testid": "sidebar-overlay", onMouseDown: onClick }));
-function Sidebar(_a) {
-    var _b;
-    var { p = "x2", width = "xs", children, onClose, title, isOpen, footer, closeButtonTestId = "sidebar-close-button", closeButtonAriaLabel, offset = "0px", triggerRef, duration = 0.25, top, closeOnOutsideClick = true, overlay = "show", disableScroll = true, hideCloseButton = false, zIndex = "sidebar", helpText, renderHelpText } = _a, props = __rest(_a, ["p", "width", "children", "onClose", "title", "isOpen", "footer", "closeButtonTestId", "closeButtonAriaLabel", "offset", "triggerRef", "duration", "top", "closeOnOutsideClick", "overlay", "disableScroll", "hideCloseButton", "zIndex", "helpText", "renderHelpText"]);
+function Sidebar({ p = "x2", width = "xs", children, onClose, title, isOpen, footer, closeButtonTestId = "sidebar-close-button", closeButtonAriaLabel, offset = "0px", triggerRef, duration = 0.25, top, closeOnOutsideClick = true, overlay = "show", disableScroll = true, hideCloseButton = false, zIndex = "sidebar", helpText, renderHelpText, ...props }) {
     const closeButton = useRef(null);
     const [shouldUpdateFocus, setShouldUpdateFocus] = useState(false);
     const { t } = useTranslation();
     const sideBarRef = useRef(null);
     const contentRef = useRef(null);
-    const selectedWidth = (_b = sidebarWidths[width]) !== null && _b !== void 0 ? _b : width;
+    const selectedWidth = sidebarWidths[width] ?? width;
     const { navigationV3 } = useFeatureFlags();
     const theme = useTheme();
     top || (top = navigationV3 ? theme.space[NAVIGATION_MENU_HEIGHT_STYLED_UNITS] : NAVBAR_HEIGHT);
@@ -53,7 +40,6 @@ function Sidebar(_a) {
         autoLock: overlay && disableScroll && isOpen,
     });
     useEffect(() => {
-        var _a;
         if (closeButton.current && isOpen) {
             if (closeButton && closeButton.current) {
                 closeButton.current.focus();
@@ -63,7 +49,7 @@ function Sidebar(_a) {
         }
         else if (shouldUpdateFocus) {
             if (triggerRef) {
-                (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                triggerRef?.current?.focus();
             }
             else {
                 focusFirstElement();
@@ -105,7 +91,7 @@ function Sidebar(_a) {
     };
     return (React.createElement(React.Fragment, null,
         closeOnOutsideClick && (React.createElement(AnimatePresence, null, isOpen && overlay !== "hide" && (React.createElement(SidebarOverlay, { top: top, transparent: overlay === "transparent" || overlay === false, transitionDuration: duration, zIndex: zIndex, onClick: closeOnOutsideClick && isOpen && onClose })))),
-        React.createElement(AnimatedBox, Object.assign({ role: "dialog", paddingX: "x1", bg: "white", display: "flex", flexDirection: "column", height: `calc(100% - ${navigationV3 ? theme.space[NAVIGATION_MENU_HEIGHT_STYLED_UNITS] : NAVBAR_HEIGHT})`, borderLeftWidth: "1px", borderLeftStyle: "solid", borderLeftColor: "lightGrey", animate: isOpen ? "open" : "closed", variants: variants, initial: isOpen ? "open" : "closed", position: "fixed", top: top, right: offset, width: typeof selectedWidth === "string" ? { default: "100%", small: selectedWidth } : selectedWidth, zIndex: zIndex, ref: sideBarRef }, props),
+        React.createElement(AnimatedBox, { role: "dialog", paddingX: "x1", bg: "white", display: "flex", flexDirection: "column", height: `calc(100% - ${navigationV3 ? theme.space[NAVIGATION_MENU_HEIGHT_STYLED_UNITS] : NAVBAR_HEIGHT})`, borderLeftWidth: "1px", borderLeftStyle: "solid", borderLeftColor: "lightGrey", animate: isOpen ? "open" : "closed", variants: variants, initial: isOpen ? "open" : "closed", position: "fixed", top: top, right: offset, width: typeof selectedWidth === "string" ? { default: "100%", small: selectedWidth } : selectedWidth, zIndex: zIndex, ref: sideBarRef, ...props },
             React.createElement(Flex, { flexDirection: "column", p: "x2", borderBottomWidth: "1px", borderBottomStyle: "solid", borderBottomColor: "lightGrey" },
                 React.createElement(Flex, { flexDirection: "column", gap: "x1" },
                     React.createElement(Flex, { justifyContent: "space-between", alignItems: "flex-start" },

package/dist/src/Layout/Sidebar.story.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useState, useRef } from "react";
 import { ApplicationFrame, Breadcrumbs, Link, Page, Sidebar, Select, PrimaryButton, Box, Textarea, Heading3, Navigation, } from "..";
 import { useUrlProps } from "../utils/testing/useUrlProps";
@@ -19,22 +8,19 @@ export default {
         chromatic: { delay: 300 }, // time for sidebar animation
     },
 };
-const ExampleSidebar = (_a) => {
-    var { isOpen, onClose } = _a, props = __rest(_a, ["isOpen", "onClose"]);
-    return (React.createElement(Sidebar, Object.assign({ isOpen: isOpen, title: "Filters", onClose: onClose, footer: React.createElement(PrimaryButton, null, "Apply") }, props),
-        React.createElement(Select, { options: [{ label: "first option", value: 1 }], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Delivery:" }),
-        React.createElement(Select, { options: [], labelText: "Last Delivery:" })));
-};
+const ExampleSidebar = ({ isOpen, onClose, ...props }) => (React.createElement(Sidebar, { isOpen: isOpen, title: "Filters", onClose: onClose, footer: React.createElement(PrimaryButton, null, "Apply"), ...props },
+    React.createElement(Select, { options: [{ label: "first option", value: 1 }], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Delivery:" }),
+    React.createElement(Select, { options: [], labelText: "Last Delivery:" })));
 export const _Sidebar = () => {
     const [isOpen, setIsOpen] = useState(false);
     const triggerRef = useRef(null);
@@ -52,7 +38,7 @@ export const _Sidebar = () => {
             React.createElement(Box, { minWidth: "300px" },
                 React.createElement(PrimaryButton, { onClick: toggleSidebar, ref: triggerRef, id: "openSidebarTrigger" }, "Open Sidebar"),
                 React.createElement(Box, { height: "3000px", width: "50%", bg: "lightBlue", mt: "x3", p: "x2" }, "Space for more content")),
-            React.createElement(ExampleSidebar, Object.assign({ isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger" }, urlProps)))));
+            React.createElement(ExampleSidebar, { isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger", ...urlProps }))));
 };
 export const WithoutOverlay = () => {
     const [isOpen, setIsOpen] = useState(false);
@@ -108,7 +94,7 @@ const WithCustomOffsetComponent = (args) => {
             React.createElement(Box, { minWidth: "300px" },
                 React.createElement(PrimaryButton, { onClick: toggleSidebar, ref: triggerRef, id: "openSidebarTrigger" }, "Open Sidebar"),
                 React.createElement(Box, { height: "3000px", width: "100%", bg: "lightBlue", mt: "x3", p: "x2" }, "Space for more content")),
-            React.createElement(ExampleSidebar, Object.assign({ isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger" }, args)))));
+            React.createElement(ExampleSidebar, { isOpen: isOpen, onClose: closeSidebar, triggerRef: triggerRef, "aria-controls": "openSidebarTrigger", ...args }))));
 };
 export const WithCustomOffset = {
     args: {
@@ -116,7 +102,7 @@ export const WithCustomOffset = {
         duration: 0.5,
     },
     name: "With custom offset",
-    render: (args) => React.createElement(WithCustomOffsetComponent, Object.assign({}, args)),
+    render: (args) => React.createElement(WithCustomOffsetComponent, { ...args }),
 };
 export const DontCloseOnOutsideClick = () => {
     const [isOpen, setIsOpen] = useState(false);

package/dist/src/Link/Link.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import styled from "styled-components";
 import { darken } from "polished";
 import { themeGet } from "@styled-system/theme-get";
@@ -17,8 +6,7 @@ import { addStyledProps } from "../StyledProps";
 import { AppTag } from "../AppTag";
 import { InlineFlex } from "../Flex";
 import { Icon } from "../Icon";
-export default function Link(_a) {
-    var { children, forApp, openInNewTab } = _a, props = __rest(_a, ["children", "forApp", "openInNewTab"]);
+export default function Link({ children, forApp, openInNewTab, ...props }) {
     const openInNewTabProps = openInNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
     const renderContent = () => {
         if (forApp || openInNewTab) {
@@ -29,7 +17,7 @@ export default function Link(_a) {
         }
         return children;
     };
-    return (React.createElement(Anchor, Object.assign({}, openInNewTabProps, props), renderContent()));
+    return (React.createElement(Anchor, { ...openInNewTabProps, ...props }, renderContent()));
 }
 const LinkWrapper = styled.span(({ underline = true }) => ({
     textDecoration: underline ? "underline" : "none",
@@ -45,10 +33,14 @@ function getColor(props) {
     return getColorFromProps(props) || props.theme.colors.blue;
 }
 const getHoverColor = (props) => (props.hover ? getColor(props) : darken("0.1", getColor(props)));
-const Anchor = styled.a((_a) => {
-    var { underline = true, as } = _a, props = __rest(_a, ["underline", "as"]);
-    return (Object.assign(Object.assign({}, resetButtonStyles), { padding: as === "button" ? "0" : undefined, textDecoration: underline ? "underline" : "none", fontSize: props.theme.fontSizes.base, color: getColor(props), "&:hover": {
-            cursor: "pointer",
-            color: getHoverColor(props),
-        } }));
-}, addStyledProps);
+const Anchor = styled.a(({ underline = true, as, ...props }) => ({
+    ...resetButtonStyles,
+    padding: as === "button" ? "0" : undefined,
+    textDecoration: underline ? "underline" : "none",
+    fontSize: props.theme.fontSizes.base,
+    color: getColor(props),
+    "&:hover": {
+        cursor: "pointer",
+        color: getHoverColor(props),
+    },
+}), addStyledProps);

package/dist/src/List/List.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledProps } from "../StyledProps";
 interface Props extends React.ComponentPropsWithRef<"ul">, StyledProps {
     className?: string;

package/dist/src/MaybeTooltip/MaybeTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { TooltipProps } from "../Tooltip/Tooltip";
+export interface MaybeTooltipProps extends TooltipProps {
+    /** Whether to enable the tooltip at all */
+    showTooltip?: boolean;
+    /** Allow opening tooltip on mobile tap (not supported by new Tooltip) */
+    supportMobileTap?: boolean;
+}
+/**
+ * Conditionally displays a tooltip.
+ */
+declare function MaybeTooltip({ tooltip, showTooltip, placement, defaultOpen, showDelay, maxWidth, supportMobileTap: _supportMobileTap, // Note: supportMobileTap is handled internally by the new Tooltip
+className, children, }: MaybeTooltipProps): React.JSX.Element;
+export default MaybeTooltip;

package/dist/src/{TruncatedText/components → MaybeTooltip}/MaybeTooltip.js

@@ -1,5 +1,8 @@
 import React from "react";
-import { Tooltip } from "../..";
+import { Tooltip } from "../Tooltip";
+/**
+ * Conditionally displays a tooltip.
+ */
 function MaybeTooltip({ tooltip, showTooltip = true, placement = "bottom", defaultOpen = false, showDelay = 100, maxWidth = "24em", supportMobileTap: _supportMobileTap = true, // Note: supportMobileTap is handled internally by the new Tooltip
 className, children, }) {
     if (!showTooltip) {

package/dist/src/MaybeTooltip/MaybeTooltip.story.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+import MaybeTooltip from "./MaybeTooltip";
+declare const _default: {
+    title: string;
+    component: typeof MaybeTooltip;
+    render: (args: import("./MaybeTooltip").MaybeTooltipProps) => React.JSX.Element;
+};
+export default _default;
+type Story = StoryObj<typeof MaybeTooltip>;
+export declare const Default: Story;
+export declare const WithNoTooltip: Story;

package/dist/src/MaybeTooltip/MaybeTooltip.story.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { Text } from "../Type";
+import { Box } from "../Box";
+import MaybeTooltip from "./MaybeTooltip";
+export default {
+    title: "Components/MaybeTooltip",
+    component: MaybeTooltip,
+    render: (args) => (React.createElement(Box, { width: "100px" },
+        React.createElement(MaybeTooltip, { ...args }))),
+};
+export const Default = {
+    args: {
+        children: React.createElement(Text, null, "Hello"),
+        tooltip: "This is a tooltip",
+        showTooltip: true,
+    },
+};
+export const WithNoTooltip = {
+    args: {
+        children: React.createElement(Text, null, "Hello"),
+        showTooltip: false,
+    },
+};

package/dist/src/Modal/Modal.story.js

@@ -125,7 +125,7 @@ export const WithParentSelector = {
     },
     name: "with a parent selector",
     render: (args) => (React.createElement("div", { id: "parent-selector" },
-        React.createElement(NDSModal, Object.assign({}, args), "Content"))),
+        React.createElement(NDSModal, { ...args }, "Content"))),
 };
 export const ExampleControlledModal = {
     render: () => React.createElement(ModalExample, null),

package/dist/src/Modal/ModalCloseButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ModalCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/dist/src/Modal/ModalFooter.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default ModalFooter;

package/dist/src/Modal/ModalHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     hasCloseButton?: boolean;
 }>> & string;

package/dist/src/NDSProvider/ComponentVariantContext.js

@@ -8,5 +8,5 @@ export function useComponentVariant(selectedVariant) {
     if (!context) {
         throw new Error(`useComponentVariant must be used within the NDSProvider`);
     }
-    return selectedVariant !== null && selectedVariant !== void 0 ? selectedVariant : context.variant;
+    return selectedVariant ?? context.variant;
 }

package/dist/src/NDSProvider/GlobalStyles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const GlobalStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     locale?: string;
 }>> & string;

package/dist/src/NDSProvider/ModalStyleOverride.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ModalStyleOverride: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
     locale?: string;
 }>;

package/dist/src/NDSProvider/Reset.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Reset: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
 export default Reset;

package/dist/src/NDSProvider/renderWithNDSProvider.spec-utils.d.ts

@@ -1,2 +1,3 @@
 import { type ReactNode } from "react";
-export declare const renderWithNDSProvider: (component: ReactNode, locale?: string) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+import { RenderResult } from "@testing-library/react";
+export declare const renderWithNDSProvider: (component: ReactNode, locale?: string) => RenderResult;

package/dist/src/NDSProvider/renderWithNDSProvider.spec-utils.js

@@ -1,4 +1,6 @@
 import React from "react";
 import { render } from "@testing-library/react";
 import NDSProvider from "./NDSProvider";
-export const renderWithNDSProvider = (component, locale = "en_US") => render(React.createElement(NDSProvider, { locale: locale }, component));
+export const renderWithNDSProvider = (component, locale = "en_US") => {
+    return render(React.createElement(NDSProvider, { locale: locale }, component));
+};

package/dist/src/NavBarSearch/NavBarSearch.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import styled from "styled-components";
 import { darken, transparentize } from "polished";
@@ -17,14 +6,13 @@ import { Flex } from "../Flex";
 import { Input } from "../Input";
 import { Icon } from "../Icon";
 import { subPx } from "../utils";
-const BaseNavBarSearch = (_a) => {
-    var { name = "global-search", onSubmit } = _a, props = __rest(_a, ["name", "onSubmit"]);
+const BaseNavBarSearch = ({ name = "global-search", onSubmit, ...props }) => {
     const handleOnSubmit = (e) => {
         e.preventDefault();
         onSubmit(e);
     };
     const { t } = useTranslation();
-    return (React.createElement("form", Object.assign({}, props, { onSubmit: handleOnSubmit }),
+    return (React.createElement("form", { ...props, onSubmit: handleOnSubmit },
         React.createElement(Flex, { role: "search" },
             React.createElement(Input, { id: "navbar-search", type: "search", "aria-labelledby": name, required: true, placeholder: t("search nulogy") }),
             React.createElement("button", { id: name, "aria-label": name },

package/dist/src/Navigation/Navigation.js

@@ -1,26 +1,13 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import { useTheme } from "styled-components";
 import useMediaQuery from "../hooks/useMediaQuery";
 import DesktopNav from "./components/DesktopNav/DesktopNav";
 import MobileNav from "./components/MobileNav/MobileNav";
 import { NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY } from "./components/shared/constants";
-const Navigation = (_a) => {
-    var _b;
-    var { breakpoint = NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY } = _a, props = __rest(_a, ["breakpoint"]);
+const Navigation = ({ breakpoint = NAVIGATION_DEFAULT_BREAKPOINT_THEME_KEY, ...props }) => {
     const theme = useTheme();
-    const query = ((_b = theme === null || theme === void 0 ? void 0 : theme.breakpoints) === null || _b === void 0 ? void 0 : _b[breakpoint]) ? breakpoint : `(min-width: ${breakpoint})`;
+    const query = theme?.breakpoints?.[breakpoint] ? breakpoint : `(min-width: ${breakpoint})`;
     const largeScreen = useMediaQuery(query);
-    return React.createElement(React.Fragment, null, largeScreen ? React.createElement(DesktopNav, Object.assign({}, props)) : React.createElement(MobileNav, Object.assign({}, props)));
+    return React.createElement(React.Fragment, null, largeScreen ? React.createElement(DesktopNav, { ...props }) : React.createElement(MobileNav, { ...props }));
 };
 export default Navigation;

package/dist/src/Navigation/components/AppSwitcher/NulogyAppSwitcher.js

@@ -49,13 +49,16 @@ export function NulogyAppSwitcher({ config }) {
             return [];
         return apps(t)
             .filter((app) => {
-            var _a;
             const appConfig = config.apps[app.id];
-            return Boolean(appConfig) && ((_a = appConfig.visible) !== null && _a !== void 0 ? _a : true);
+            return Boolean(appConfig) && (appConfig.visible ?? true);
         })
             .map((app) => {
             const appConfig = config.apps[app.id];
-            return Object.assign(Object.assign({}, app), { url: appConfig.url, indicator: appConfig.indicator });
+            return {
+                ...app,
+                url: appConfig.url,
+                indicator: appConfig.indicator,
+            };
         });
     }, [config, t]);
     if (!config)

package/dist/src/Navigation/components/AppSwitcher/parts/Item.js

@@ -1,23 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import { styled } from "styled-components";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 const FullWidthItem = styled(RadixNavigationMenu.Item)({
     width: "100%",
 });
-const Item = React.forwardRef((_a, forwardedRef) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(FullWidthItem, Object.assign({}, props, { ref: forwardedRef }), children));
-});
+const Item = React.forwardRef(({ children, ...props }, forwardedRef) => (React.createElement(FullWidthItem, { ...props, ref: forwardedRef }, children)));
 Item.displayName = "Item";
 export default Item;

package/dist/src/Navigation/components/AppSwitcher/parts/Link.js

@@ -1,22 +1,8 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from "react";
 import * as RadixNavigationMenu from "@radix-ui/react-navigation-menu";
 import { styled } from "styled-components";
-const Link = React.forwardRef((_a, forwardedRef) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(RadixNavigationMenu.Link, { asChild: true },
-        React.createElement(A, Object.assign({}, props, { ref: forwardedRef }), children)));
-});
+const Link = React.forwardRef(({ children, ...props }, forwardedRef) => (React.createElement(RadixNavigationMenu.Link, { asChild: true },
+    React.createElement(A, { ...props, ref: forwardedRef }, children))));
 Link.displayName = "Link";
 export default Link;
 export const A = styled("a")(({ theme }) => ({