@commercelayer/app-elements 1.9.0 → 1.9.2

package/dist/ui/composite/PageError.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
-export interface PageErrorProps {
+import { type PageHeadingProps } from '../atoms/PageHeading';
+export interface PageErrorProps extends Pick<PageHeadingProps, 'navigationButton'> {
     /**
      * Main page title wrapped in a h1 element
      */
     pageTitle?: string;
-    /**
-     * Optional callback that will be called when "go back" button is pressed
-     * If missing, the "go back" button will not be shown
-     */
-    onGoBack?: () => void;
     /**
      * The name of the error to be show above the detailed message text.
      * Example: 'Not Found'
@@ -24,7 +20,7 @@ export interface PageErrorProps {
      */
     actionButton?: JSX.Element;
 }
-export declare function PageError({ pageTitle, onGoBack, errorName, errorDescription, actionButton, ...rest }: PageErrorProps): JSX.Element;
+export declare function PageError({ pageTitle, navigationButton, errorName, errorDescription, actionButton, ...rest }: PageErrorProps): JSX.Element;
 export declare namespace PageError {
     var displayName: string;
 }

package/dist/ui/composite/PageLayout.d.ts

@@ -1,7 +1,7 @@
 import type { ContainerProps } from '../atoms/Container';
 import { type PageHeadingProps } from '../atoms/PageHeading';
 import { type ReactNode } from 'react';
-export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'onGoBack' | 'actionButton' | 'gap'>, Pick<ContainerProps, 'minHeight'> {
+export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'description' | 'navigationButton' | 'actionButton' | 'gap'>, Pick<ContainerProps, 'minHeight'> {
     /**
      * Page content
      */
@@ -10,8 +10,12 @@ export interface PageLayoutProps extends Pick<PageHeadingProps, 'title' | 'descr
      * When mode is `test`, it will render a `TEST DATA` Badge to inform user api is working in test mode.
      */
     mode?: 'test' | 'live';
+    /**
+     * Optional prop to enable scroll to top behavior on location change
+     */
+    scrollToTop?: boolean;
 }
-export declare function PageLayout({ title, description, onGoBack, children, actionButton, mode, gap, minHeight, ...rest }: PageLayoutProps): JSX.Element;
+export declare function PageLayout({ title, description, navigationButton, children, actionButton, mode, gap, minHeight, scrollToTop, ...rest }: PageLayoutProps): JSX.Element;
 export declare namespace PageLayout {
     var displayName: string;
 }

package/dist/ui/forms/InputReadonly.d.ts

@@ -18,7 +18,18 @@ export interface InputReadonlyProps extends InputWrapperBaseProps {
      */
     showCopyAction?: boolean;
 }
-export declare function InputReadonly({ value, wrapperClassName, inputClassName, showCopyAction, label, hint, feedback, ...rest }: InputReadonlyProps): JSX.Element;
-export declare namespace InputReadonly {
-    var displayName: string;
-}
+export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    value?: string | undefined;
+    wrapperClassName?: string | undefined;
+    inputClassName?: string | undefined;
+    showCopyAction?: boolean | undefined;
+    label?: string | undefined;
+    hint?: {
+        icon?: "bulb" | undefined;
+        text: import("react").ReactNode;
+    } | undefined;
+    feedback?: Omit<import("./InputFeedback").InputFeedbackProps, "className"> | undefined;
+    inline?: boolean | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;

package/dist/ui/resources/ResourceListItem/common.d.ts

@@ -8,7 +8,7 @@ export declare const ListItemDescription: import('../../atoms/SkeletonTemplate')
 }>;
 export declare const ListItemIcon: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     color: "none" | "green" | "orange" | "red" | "gray" | "teal" | "white" | "black" | undefined;
-    icon: "download" | "package" | "settings" | "x" | "arrowBendDownRight" | "apps" | "arrowCircleDown" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowsLeftRight" | "arrowUpRight" | "asterisk" | "buildings" | "caretDown" | "caretRight" | "chatCircle" | "check" | "cloud" | "credentials" | "creditCard" | "eye" | "flag" | "funnel" | "github" | "google" | "home" | "hourglass" | "lifebuoy" | "magnifyingGlass" | "minus" | "minusCircle" | "pencilSimple" | "printer" | "plus" | "pulse" | "resources" | "shoppingBag" | "signOut" | "team" | "truck" | "upload" | "user" | "userCircle" | "warning" | "warningCircle" | "xCircle";
+    icon: "download" | "package" | "settings" | "x" | "apps" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowsLeftRight" | "arrowUpRight" | "asterisk" | "buildings" | "caretDown" | "caretRight" | "chatCircle" | "check" | "cloud" | "credentials" | "creditCard" | "eye" | "flag" | "funnel" | "github" | "globe" | "google" | "home" | "hourglass" | "lifebuoy" | "magnifyingGlass" | "minus" | "minusCircle" | "pencilSimple" | "plus" | "printer" | "pulse" | "puzzle" | "resources" | "shoppingBag" | "signOut" | "team" | "truck" | "upload" | "user" | "userCircle" | "warning" | "warningCircle" | "xCircle";
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "type": "module",
   "license": "MIT",
   "files": [