@getsoren/design-system 4.43.1 → 4.45.0

package/dist/src/components/DataDisplay/Icons/EmptyStateIcon.d.ts

@@ -0,0 +1,2 @@
+declare const EmptyStateIcon: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default EmptyStateIcon;

package/dist/src/components/Feedback/EmptyState/EmptyState.d.ts

@@ -0,0 +1,24 @@
+import { ElementType, ReactNode } from 'react';
+import { ButtonProps } from '../../Inputs/Button';
+export interface EmptyStateProps<RootComponent extends ElementType = "button"> {
+    /** Illustration displayed above the description. Defaults to the empty state illustration. */
+    icon?: ReactNode;
+    /** Main message explaining the empty state */
+    description?: ReactNode;
+    /** Label of the action button. The button is only rendered when provided. */
+    actionLabel?: ReactNode;
+    /**
+     * Props forwarded to the action button. Polymorphic like the Button component:
+     * pass a routing component via `component` (e.g. `{ component: Link, to: "/home" }`).
+     */
+    actionProps?: ButtonProps<RootComponent>;
+    /** Free slot rendered below the action button for fully custom content */
+    children?: ReactNode;
+}
+/**
+ * Centered empty state with an illustration, a description and an optional action button.
+ * The action button accepts any root component, so consumers can plug their router link
+ * without coupling the design system to a routing library.
+ */
+declare const EmptyState: <RootComponent extends ElementType = "button">({ icon, description, actionLabel, actionProps, children, }: EmptyStateProps<RootComponent>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default EmptyState;

package/dist/src/components/Navigation/NavigationMenu/NavigationMenu.d.ts

@@ -123,6 +123,11 @@ export interface NavigationMenuProps {
      * Search component
      */
     Footer?: ReactNode;
+    /**
+     * localStorage key used to persist the sidebar collapsed state
+     * @default "soren-navigation-menu-collapsed"
+     */
+    storageKey?: string;
 }
 declare const DEFAULT_CONTEXT_VALUE: {
     closeDrawerMenu: () => void;
@@ -135,5 +140,5 @@ declare const DEFAULT_CONTEXT_VALUE: {
 };
 type NavigationMenuContextValue = NavigationMenuProps & typeof DEFAULT_CONTEXT_VALUE;
 export declare const NavigationMenuContext: import('react').Context<NavigationMenuContextValue>;
-declare const _default: import('react').MemoExoticComponent<({ AppBar, NavLink, Search, Logo, Footer, items, enableSearchFocusShortcut, disableResponsive, hideSearchDesktop, bottomLink, sideBarWidth, }: NavigationMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ AppBar, NavLink, Search, Logo, Footer, items, enableSearchFocusShortcut, disableResponsive, hideSearchDesktop, bottomLink, sideBarWidth, storageKey, }: NavigationMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/src/main.d.ts

@@ -39,6 +39,8 @@ export * from './components/Feedback/Dialog/DialogPopper';
 export { default as DialogPopper } from './components/Feedback/Dialog/DialogPopper';
 export * from './components/Feedback/Dialog/DialogValidation/DialogValidation';
 export { default as DialogValidation } from './components/Feedback/Dialog/DialogValidation/DialogValidation';
+export type { EmptyStateProps } from './components/Feedback/EmptyState/EmptyState';
+export { default as EmptyState } from './components/Feedback/EmptyState/EmptyState';
 export * from './components/Feedback/Lightbox';
 export { default as Lightbox } from './components/Feedback/Lightbox';
 export * from './components/Inputs/ActionAppBar';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@getsoren/design-system",
   "description": "Design System React library",
   "sideEffects": false,
-  "version": "4.43.1",
+  "version": "4.45.0",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",