@canonical/react-ds-app-launchpad 0.15.0-experimental.0 → 0.15.1

package/dist/types/ui/MarkdownEditor/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MarkdownEditor } from "./MarkdownEditor.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/MarkdownEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,YAAY,CAAC"}

package/dist/types/ui/MarkdownEditor/types.d.ts

@@ -0,0 +1,47 @@
+import type React from "react";
+export type EditMode = "write" | "preview";
+export type MarkdownEditorProps = {
+    ref?: React.Ref<HTMLTextAreaElement>;
+    /** A unique identifier for the MarkdownEditor */
+    id?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Child elements */
+    children?: React.ReactNode;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Placeholder for the textarea */
+    placeholder?: string;
+    /** Default value for the textarea (Markdown content) */
+    defaultValue?: string;
+    /** Hide the toolbar */
+    hideToolbar?: boolean;
+    /** Hide the preview pane */
+    hidePreview?: boolean;
+    /** Hide the border around the editor */
+    borderless?: boolean;
+    /** Controlled edit mode, leave undefined for internal control */
+    editMode?: EditMode;
+    /** Callback for edit mode change, needed if editMode is controlled */
+    onEditModeChange?: (newEditMode: EditMode) => void;
+    /** Textarea styles */
+    textareaStyle?: React.CSSProperties;
+    /** Preview pane styles */
+    previewStyle?: React.CSSProperties;
+    /** Control how the switch to preview mode looks */
+    previewSwitchMode?: "tab" | "checkbox";
+    /** On preview pane overflow, show a button to expand the preview pane */
+    emptyInputMessage?: string;
+    toolbarBarLabelMessage?: string;
+    ToolbarTextFormattingGroupLabelMessage?: string;
+    ToolbarToolsGroupLabelMessage?: string;
+    ToolbarTitleButtonLabelMessage?: string;
+    ToolbarBoldButtonLabelMessage?: string;
+    ToolbarItalicButtonLabelMessage?: string;
+    ToolbarQuoteButtonLabelMessage?: string;
+    ToolbarCodeButtonLabelMessage?: string;
+    ToolbarLinkButtonLabelMessage?: string;
+    ToolbarUnorderedListButtonLabelMessage?: string;
+    ToolbarOrderedListButtonLabelMessage?: string;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/MarkdownEditor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACrC,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnD,sBAAsB;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,0BAA0B;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IACvC,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,oCAAoC,CAAC,EAAE,MAAM,CAAC;CAC/C,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/types/ui/RelativeTime/RelativeTime.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import type { RelativeTimeProps } from "./types.js";
+/**
+ * The RelativeTime component displays timestamps in a human-readable relative format (like "2 hours ago" or "in 3 days").
+ *
+ * It features automatic live updates with interval optimization based on time distance, configurable "now" threshold,
+ * and renders as proper semantic HTML using the <time> element. The component leverages the Temporal API for calculations and Intl.RelativeTimeFormat for localization.
+ */
+declare const RelativeTime: ({ id, className, style, time, relativeTimeFormat, nowThreshold, disableLiveUpdate, nowKeyword, invalidDateKeyword, }: RelativeTimeProps) => React.ReactElement;
+export default RelativeTime;
+//# sourceMappingURL=RelativeTime.d.ts.map

package/dist/types/ui/RelativeTime/RelativeTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.d.ts","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/RelativeTime.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AASpD;;;;;GAKG;AACH,QAAA,MAAM,YAAY,GAAI,sHAUnB,iBAAiB,KAAG,KAAK,CAAC,YA0E5B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/types/ui/RelativeTime/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RelativeTime } from "./RelativeTime.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/RelativeTime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,cAAc,YAAY,CAAC"}

package/dist/types/ui/RelativeTime/types.d.ts

@@ -0,0 +1,36 @@
+import type { Temporal } from "@js-temporal/polyfill";
+import type React from "react";
+export interface RelativeTimeProps {
+    /** A unique identifier for the RelativeTime */
+    id?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /**
+     * The time to be displayed as a relative time (ISO string or Date object).
+     */
+    time: string | Date | Temporal.Instant;
+    /**
+     * Disable live duration updates (default: false).
+     */
+    disableLiveUpdate?: boolean;
+    /**
+     * custom relative time format (default: local language and narrow style).
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat
+     */
+    relativeTimeFormat?: Intl.RelativeTimeFormat;
+    /**
+     * The threshold in seconds for when to display the relative time as "just now" (default is 10).
+     */
+    nowThreshold?: number;
+    /**
+     * The keyword to use for "now" (default: "now")
+     */
+    nowKeyword?: string;
+    /**
+     * The keyword to use when the given time is not a valid. (default: "invalid date")
+     */
+    invalidDateKeyword?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/RelativeTime/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC;IAEvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,kBAAkB,CAAC;IAE7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/dist/types/ui/RelativeTime/utils/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const MINUTE_IN_SECONDS = 60;
+export declare const HOUR_IN_SECONDS: number;
+export declare const DAY_IN_SECONDS: number;
+export declare const MONTH_IN_SECONDS: number;
+export declare const YEAR_IN_SECONDS: number;
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/ui/RelativeTime/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,eAAe,QAAyB,CAAC;AACtD,eAAO,MAAM,cAAc,QAAuB,CAAC;AACnD,eAAO,MAAM,gBAAgB,QAAsB,CAAC;AACpD,eAAO,MAAM,eAAe,QAAuB,CAAC"}

package/dist/types/ui/RelativeTime/utils/formatHumanTime.d.ts

@@ -0,0 +1,21 @@
+import { Temporal } from "@js-temporal/polyfill";
+type FormatterOptions = {
+    /** The threshold in seconds for considering the time as "now". */
+    nowThreshold: number;
+    /** The keyword to use for "now". */
+    nowKeyword: string;
+    /**
+     * The Intl.RelativeTimeFormat instance to use for formatting.
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat
+     */
+    relativeTimeFormat: Intl.RelativeTimeFormat;
+};
+/**
+ * Formats a given instant as a human-readable time relative to the current time.
+ * @param instant The instant to format.
+ * @param options The options to use for formatting.
+ * @returns A human-readable relative time string
+ */
+declare function formatHumanTime(instant: Temporal.Instant, options: FormatterOptions): string;
+export default formatHumanTime;
+//# sourceMappingURL=formatHumanTime.d.ts.map

package/dist/types/ui/RelativeTime/utils/formatHumanTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatHumanTime.d.ts","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/formatHumanTime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,KAAK,gBAAgB,GAAG;IACtB,kEAAkE;IAClE,YAAY,EAAE,MAAM,CAAC;IAErB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC;CAC7C,CAAC;AAEF;;;;;GAKG;AACH,iBAAS,eAAe,CACtB,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,OAAO,EAAE,gBAAgB,GACxB,MAAM,CAyCR;AAED,eAAe,eAAe,CAAC"}

package/dist/types/ui/RelativeTime/utils/getOptimalUpdateInterval.d.ts

@@ -0,0 +1,8 @@
+import { Temporal } from "@js-temporal/polyfill";
+/**
+ * Calcualte the optimal update interval for a given instant based on the time distance from now.
+ * @returns The optimal update interval in milliseconds.
+ */
+declare function getOptimalUpdateInterval(instant: Temporal.Instant): number;
+export default getOptimalUpdateInterval;
+//# sourceMappingURL=getOptimalUpdateInterval.d.ts.map

package/dist/types/ui/RelativeTime/utils/getOptimalUpdateInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOptimalUpdateInterval.d.ts","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/getOptimalUpdateInterval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD;;;GAGG;AACH,iBAAS,wBAAwB,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,GAAG,MAAM,CAmBnE;AAED,eAAe,wBAAwB,CAAC"}

package/dist/types/ui/RelativeTime/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { default as formatHumanTime } from "./formatHumanTime.js";
+export { default as getOptimalUpdateInterval } from "./getOptimalUpdateInterval.js";
+export { default as parseInstant } from "./parseInstant.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/RelativeTime/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/ui/RelativeTime/utils/parseInstant.d.ts

@@ -0,0 +1,9 @@
+import { Temporal } from "@js-temporal/polyfill";
+/**
+ * Parser for Temporal.Instant.
+ * @param time - instance, date or string to parse
+ * @throws Error if time is invalid
+ */
+declare function parseInstant(time: Temporal.Instant | Date | string): Temporal.Instant;
+export default parseInstant;
+//# sourceMappingURL=parseInstant.d.ts.map

package/dist/types/ui/RelativeTime/utils/parseInstant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseInstant.d.ts","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/parseInstant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;GAIG;AACH,iBAAS,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,GAAG,IAAI,GAAG,MAAM,oBAc3D;AAED,eAAe,YAAY,CAAC"}

package/dist/types/ui/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./DiffChangeMarker/index.js";
+export * from "./EditableBlock/index.js";
+export * from "./FileTree/index.js";
+export * from "./GitDiffViewer/index.js";
+export * from "./MarkdownEditor/index.js";
+export * from "./RelativeTime/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-ds-app-launchpad",
-  "version": "0.15.0-experimental.0",
+  "version": "0.15.1",
   "type": "module",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -39,9 +39,9 @@
     "test:vitest:watch": "vitest"
   },
   "dependencies": {
-    "@canonical/storybook-config": "^0.14.0",
-    "@canonical/styles": "^0.14.0",
-    "@canonical/utils": "^0.14.0",
+    "@canonical/storybook-config": "^0.15.1",
+    "@canonical/styles": "^0.15.1",
+    "@canonical/utils": "^0.15.1",
     "@js-temporal/polyfill": "^0.5.1",
     "highlight.js": "^11.11.1",
     "react": ">=18.0.0 <20.0.0",
@@ -53,10 +53,10 @@
   },
   "devDependencies": {
     "@biomejs/biome": "2.3.14",
-    "@canonical/biome-config": "^0.14.0",
-    "@canonical/storybook-helpers": "^0.14.0",
-    "@canonical/typescript-config-react": "^0.14.0",
-    "@canonical/webarchitect": "^0.14.0",
+    "@canonical/biome-config": "^0.15.0",
+    "@canonical/storybook-helpers": "^0.15.1",
+    "@canonical/typescript-config-react": "^0.15.1",
+    "@canonical/webarchitect": "^0.15.1",
     "@chromatic-com/storybook": "^5.0.1",
     "@storybook/addon-docs": "^10.2.8",
     "@storybook/react-vite": "^10.2.8",
@@ -76,5 +76,5 @@
     "vite-tsconfig-paths": "^6.1.0",
     "vitest": "^4.0.18"
   },
-  "gitHead": "92f45eb133ed113718640012a6c1095f0e2c0d8b"
+  "gitHead": "d57f21b67013701f6b4f74c5cd595775a17a2259"
 }