@commercelayer/app-elements 0.0.20 → 0.0.21

package/dist/main.d.ts

@@ -31,6 +31,7 @@ export { PageError } from './ui/composite/PageError';
 export { PageLayout } from './ui/composite/PageLayout';
 export { PageSkeleton } from './ui/composite/PageSkeleton';
 export { Report } from './ui/composite/Report';
+export { Timeline } from './ui/composite/Timeline';
 export { Input } from './ui/forms/Input';
 export { InputCheckbox } from './ui/forms/InputCheckbox';
 export { InputDate } from './ui/forms/InputDate';

package/dist/main.js

@@ -1,4 +1,4 @@
-import { A as o, B as n, D as r, F as l, G as u, H as i, J as d, a7 as p, K as g, C as T, L as S, M as I, N as D, O as m, E as k, P as c, Q as C, ac as P, ad as B, ae as L, af as b, ag as y, ah as x, ai as v, aj as w, ak as R, ao as F, ap as f, aq as h, ar as A, R as E, au as M, av as V, aw as H, ax as J, aA as z, a8 as O, S as j, a9 as q, aa as G, U as K, V as N, as as Q, ab as U, aB as W, W as Y, Y as Z, _, $, a0 as X, a2 as aa, ay as sa, az as ea, a1 as ta, a3 as oa, a6 as na, a5 as ra, at as la, T as ua, a4 as ia, aC as da, am as pa, aD as ga, an as Ta, al as Sa, y as Ia, aE as Da, z as ma, Z as ka } from "./main-b7422b94.js";
+import { A as o, B as n, D as r, F as l, G as i, H as u, J as d, a7 as p, K as g, C as T, L as S, M as I, N as m, O as D, E as k, P as c, Q as C, ad as P, ae as B, af as L, ag as b, ah as y, ai as x, aj as v, ak as w, al as F, ap as R, aq as f, ar as h, as as A, R as E, av as M, aw as V, ax as H, ay as J, aB as z, a8 as O, S as j, a9 as q, aa as G, U as K, V as N, at as Q, ab as U, aC as W, W as Y, Y as Z, _, $, a0 as X, a2 as aa, az as sa, aA as ea, a1 as ta, a3 as oa, a6 as na, a5 as ra, ac as la, au as ia, T as ua, a4 as da, aD as pa, an as ga, aE as Ta, ao as Sa, am as Ia, y as ma, aF as Da, z as ka, Z as ca } from "./main-efbde4bf.js";
 import "react";
 import "@commercelayer/sdk";
 export {
@@ -6,16 +6,16 @@ export {
   n as Avatar,
   r as Badge,
   l as BlockCode,
-  u as Button,
-  i as Card,
+  i as Button,
+  u as Card,
   d as Container,
   p as ContextMenu,
   g as CopyToClipboard,
   T as CoreSdkProvider,
   S as DropdownMenu,
   I as DropdownMenuDivider,
-  D as DropdownMenuItem,
-  m as EmptyState,
+  m as DropdownMenuItem,
+  D as EmptyState,
   k as ErrorBoundary,
   c as Hint,
   C as Icon,
@@ -27,8 +27,8 @@ export {
   x as InputFile,
   v as InputJson,
   w as InputReadonly,
-  R as InputSelect,
-  F as InputTextArea,
+  F as InputSelect,
+  R as InputTextArea,
   f as InputToggleBox,
   h as InputToggleListBox,
   A as Label,
@@ -59,16 +59,17 @@ export {
   oa as Td,
   na as Text,
   ra as Th,
-  la as ToggleButtons,
+  la as Timeline,
+  ia as ToggleButtons,
   ua as TokenProvider,
-  ia as Tr,
-  da as downloadJsonAsFile,
-  pa as flatSelectValues,
-  ga as formatDate,
-  Ta as getDefaultValueFromFlatten,
-  Sa as isSingleValueSelected,
-  Ia as useCoreSdkProvider,
+  da as Tr,
+  pa as downloadJsonAsFile,
+  ga as flatSelectValues,
+  Ta as formatDate,
+  Sa as getDefaultValueFromFlatten,
+  Ia as isSingleValueSelected,
+  ma as useCoreSdkProvider,
   Da as useDelayShow,
-  ma as useTokenProvider,
-  ka as withSkeletonTemplate
+  ka as useTokenProvider,
+  ca as withSkeletonTemplate
 };

package/dist/{overrides-c4c3ace4.js → overrides-a8601925.js}

@@ -1,7 +1,7 @@
 import * as V from "react";
 import fe, { useLayoutEffect as yn, createContext as Et, forwardRef as Cr, useContext as Te, createElement as pe, Fragment as Ne, useRef as ue, useState as me, useMemo as Ce, useCallback as Y, Component as Ar, useEffect as En } from "react";
 import { createPortal as yr } from "react-dom";
-import { X as Er } from "./main-b7422b94.js";
+import { X as Er } from "./main-efbde4bf.js";
 var Ue = {}, xr = {
   get exports() {
     return Ue;

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+interface Event {
+    date: string;
+    message: ReactNode;
+    note?: string;
+}
+export declare const Timeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    events: Event[];
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "type": "module",
   "files": [
     "dist"
@@ -60,7 +60,7 @@
     "vitest": "^0.29.8"
   },
   "peerDependencies": {
-    "@commercelayer/sdk": "^4.x"
+    "@commercelayer/sdk": "^5.x"
   },
   "scripts": {
     "build": "tsc && vite build",