@commercelayer/app-elements 0.0.20 → 0.0.22

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, type TimelineEvent } from './ui/composite/Timeline';
 export { Input } from './ui/forms/Input';
 export { InputCheckbox } from './ui/forms/InputCheckbox';
 export { InputDate } from './ui/forms/InputDate';
@@ -56,5 +57,5 @@ export { TableData } from './ui/tables/TableData';
 export { OrderSummary } from './ui/resources/OrderSummary';
 export { ResourceList } from './ui/resources/ResourceList';
 export { downloadJsonAsFile } from './helpers/downloadJsonAsFile';
-export { formatDate } from './helpers/date';
+export { formatDate, getIsoDateAtDayEdge, getIsoDateAtDaysBefore, timeSeparator } from './helpers/date';
 export { useDelayShow } from './hooks/useDelayShow';

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 { O as o, P as n, Q as r, R as l, S as i, U as u, V as d, ai as p, W as g, K as T, Y as I, Z as S, _ as D, $ as m, M as k, a0 as P, a1 as c, ao as L, ap as y, aq as B, ar as C, as as b, at as x, au as R, av as v, aw as w, aA as A, aB as f, aC as F, aD as M, a2 as h, aG as E, aH as V, aI as H, aJ as J, aM as O, aj as K, a3 as N, ak as Q, al as j, a4 as q, a5 as z, aE as G, am as U, aN as W, a6 as Y, a7 as Z, a9 as _, aa as $, ab as X, ad as aa, aK as sa, aL as ea, ac as ta, ae as oa, ah as na, ag as ra, an as la, aF as ia, T as ua, af as da, aO as pa, ay as ga, aP as Ta, az as Ia, aQ as Sa, aR as Da, ax as ma, aS as ka, L as Pa, aT as ca, N as La, a8 as ya } from "./main-95dd7764.js";
 import "react";
 import "@commercelayer/sdk";
 export {
@@ -6,45 +6,45 @@ 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,
+  I as DropdownMenu,
+  S as DropdownMenuDivider,
   D as DropdownMenuItem,
   m as EmptyState,
   k as ErrorBoundary,
-  c as Hint,
-  C as Icon,
-  P as Input,
-  B as InputCheckbox,
-  L as InputDate,
-  b as InputDateRange,
-  y as InputFeedback,
+  P as Hint,
+  c as Icon,
+  L as Input,
+  y as InputCheckbox,
+  B as InputDate,
+  C as InputDateRange,
+  b as InputFeedback,
   x as InputFile,
-  v as InputJson,
-  w as InputReadonly,
-  R as InputSelect,
-  F as InputTextArea,
+  R as InputJson,
+  v as InputReadonly,
+  w as InputSelect,
+  A as InputTextArea,
   f as InputToggleBox,
-  h as InputToggleListBox,
-  A as Label,
-  E as Legend,
-  M as List,
+  F as InputToggleListBox,
+  M as Label,
+  h as Legend,
+  E as List,
   V as ListDetails,
   H as ListDetailsItem,
   J as ListItem,
-  z as OrderSummary,
-  O as PageError,
-  j as PageHeading,
-  q as PageLayout,
-  G as PageSkeleton,
-  K as Pagination,
-  N as RadialProgress,
-  Q as RadioButtons,
+  O as OrderSummary,
+  K as PageError,
+  N as PageHeading,
+  Q as PageLayout,
+  j as PageSkeleton,
+  q as Pagination,
+  z as RadialProgress,
+  G as RadioButtons,
   U as Report,
   W as ResourceList,
   Y as Skeleton,
@@ -59,16 +59,20 @@ 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 useDelayShow,
-  ma as useTokenProvider,
-  ka as withSkeletonTemplate
+  da as Tr,
+  pa as downloadJsonAsFile,
+  ga as flatSelectValues,
+  Ta as formatDate,
+  Ia as getDefaultValueFromFlatten,
+  Sa as getIsoDateAtDayEdge,
+  Da as getIsoDateAtDaysBefore,
+  ma as isSingleValueSelected,
+  ka as timeSeparator,
+  Pa as useCoreSdkProvider,
+  ca as useDelayShow,
+  La as useTokenProvider,
+  ya as withSkeletonTemplate
 };

package/dist/{overrides-c4c3ace4.js → overrides-4cc26c3c.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-95dd7764.js";
 var Ue = {}, xr = {
   get exports() {
     return Ue;

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

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

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

@@ -12,7 +12,7 @@ interface BaseProps extends InputWrapperBaseProps, Omit<React.HTMLAttributes<HTM
 interface SingleValueProps {
     mode: 'single';
     value?: ToggleButtonValue;
-    onChange: (value?: ToggleButtonValue) => void;
+    onChange: (value: ToggleButtonValue | null) => void;
 }
 interface MultiValuesProps {
     mode: 'multi';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "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",