@getsoren/design-system 4.54.0 → 4.55.0

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

@@ -0,0 +1,8 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface ArrowBackIosRoundedIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+}
+declare const ArrowBackIosRoundedIcon: ({ sx, fontSize, color }: ArrowBackIosRoundedIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ArrowBackIosRoundedIcon;

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

@@ -0,0 +1,8 @@
+import { SvgIconProps, SxProps } from '@mui/material';
+interface ExpandIconProps {
+    color?: string;
+    sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
+}
+declare const ExpandIcon: ({ sx, fontSize, color }: ExpandIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ExpandIcon;

package/dist/src/components/Layout/CollapsingHeader/CollapsingHeader.d.ts

@@ -0,0 +1,8 @@
+import { CollapsingHeaderProps } from './types';
+/**
+ * Collapsing header of an entity preview panel or full page, designed for the `Backoffice` layout.
+ * Preview: "open full page" link + close button above the title. Full page: back link above the
+ * title, compact actions in the sticky bar.
+ */
+declare const CollapsingHeader: ({ compactTitle, fullTitle, actions, compactActions, variant, onClose, onOpenFullPage, backLabel, onBack, labels, maxWidth, }: CollapsingHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CollapsingHeader;

package/dist/src/components/Layout/CollapsingHeader/types.d.ts

@@ -0,0 +1,39 @@
+import { ContainerProps } from '@mui/material';
+import { ReactNode } from 'react';
+/**
+ * Built-in UI strings; each falls back to the design-system locale (en/fr) when not overridden.
+ */
+export interface CollapsingHeaderLabels {
+    close: string;
+    escape: string;
+    openFullPage: string;
+    openFullScreen: string;
+}
+export interface CollapsingHeaderProps {
+    /** One-line title of the compact sticky bar (small thumbnail + name + chips). */
+    compactTitle: ReactNode;
+    /** Large title block of the full header (thumbnail + name + chips row). */
+    fullTitle: ReactNode;
+    /** Rendered below the full title (e.g. action buttons). */
+    actions?: ReactNode;
+    /** Right side of the compact sticky bar — full-page mode only, hidden on mobile. */
+    compactActions?: ReactNode;
+    /**
+     * "preview": panel layout with the open-full-page link and close button above the title.
+     * "fullPage": page layout with the back link above the title and compact actions in the sticky bar.
+     * @default "preview"
+     */
+    variant?: "preview" | "fullPage";
+    /** Preview only: close the panel. */
+    onClose?: () => void;
+    /** Preview only: open the entity full page. */
+    onOpenFullPage?: () => void;
+    /** Full page only: back link label. */
+    backLabel?: string;
+    /** Full page only: back link handler. */
+    onBack?: () => void;
+    /** Full page only: width of the header container — a breakpoint, or a px value. @default "lg" */
+    maxWidth?: ContainerProps["maxWidth"] | number;
+    /** Override the built-in labels (e.g. to plug the host app's i18n). */
+    labels?: Partial<CollapsingHeaderLabels>;
+}

package/dist/src/locales/en.d.ts

@@ -1,10 +1,14 @@
 declare const _default: {
     apply: string;
     clickToUpload: string;
+    close: string;
     day: string;
+    escape: string;
     files: string;
     month: string;
     noResult: string;
+    openFullPage: string;
+    openFullScreen: string;
     reset: string;
     selectAll: string;
     today: string;

package/dist/src/locales/fr.d.ts

@@ -1,10 +1,14 @@
 declare const _default: {
     apply: string;
     clickToUpload: string;
+    close: string;
     day: string;
+    escape: string;
     files: string;
     month: string;
     noResult: string;
+    openFullPage: string;
+    openFullScreen: string;
     reset: string;
     selectAll: string;
     today: string;

package/dist/src/main.d.ts

@@ -67,6 +67,8 @@ export * from './components/Inputs/TextFieldPassword';
 export { default as TextFieldPassword } from './components/Inputs/TextFieldPassword';
 export * from './components/Layout/Backoffice';
 export { default as Backoffice } from './components/Layout/Backoffice';
+export { default as CollapsingHeader } from './components/Layout/CollapsingHeader/CollapsingHeader';
+export * from './components/Layout/CollapsingHeader/types';
 export * from './components/Navigation/NavigationMenu';
 export { default as NavigationMenu } from './components/Navigation/NavigationMenu';
 export * from './components/Navigation/TabPanel';

package/package.json

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