@caseparts-org/caseblocks 0.0.127 → 0.0.129

package/dist/assets/Markdown.css

@@ -1 +1 @@
-._markdown_1bm1y_1{color:var(--text-text-primary);font-size:var(--font-size-sm);line-height:1.3}._markdown_1bm1y_1 h1,._markdown_1bm1y_1 h2,._markdown_1bm1y_1 h3,._markdown_1bm1y_1 h4,._markdown_1bm1y_1 h5,._markdown_1bm1y_1 h6{font-weight:var(--font-weight-semibold);line-height:1.3;margin:var(--spacing-spacing-sm) 0 var(--spacing-spacing-1xs)}._markdown_1bm1y_1 h1{font-size:var(--font-size-2xl)}._markdown_1bm1y_1 h2{font-size:var(--font-size-xl)}._markdown_1bm1y_1 h3{font-size:var(--font-size-lg)}._markdown_1bm1y_1 h4{font-size:var(--font-size-md)}._markdown_1bm1y_1 h5{font-size:var(--font-size-sm)}._markdown_1bm1y_1 h6{font-size:var(--font-size-xs)}._markdown_1bm1y_1 p{margin:var(--spacing-spacing-1xs) 0}._markdown_1bm1y_1 ul,._markdown_1bm1y_1 ol{margin:var(--spacing-spacing-1xs) 0 var(--spacing-spacing-1xs) var(--spacing-spacing-sm);padding:0}._markdown_1bm1y_1 li{margin:var(--spacing-spacing-3xs) 0}._markdown_1bm1y_1 a{color:var(--text-text-links);text-decoration:underline}._markdown_1bm1y_1 a:hover,._markdown_1bm1y_1 a:focus{color:var(--text-text-links-hover-press)}._markdown_1bm1y_1 code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:var(--surface-surface-search-bar);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-3xs);border-radius:var(--radius-radius-btn)}._markdown_1bm1y_1 pre{background:var(--surface-surface-search-bar);border-radius:var(--radius-radius-md);padding:var(--spacing-spacing-1xs);overflow:auto}._markdown_1bm1y_1 pre code{background:transparent;padding:0}._markdown_1bm1y_1 blockquote{margin:var(--spacing-spacing-1xs) 0;padding-left:var(--spacing-spacing-default);border-left:.1875rem solid var(--border-border-primary);color:var(--text-text-primary)}._markdown_1bm1y_1 hr{border:none;border-top:1px solid var(--border-border-primary);margin:var(--spacing-spacing-default) 0}._markdown_1bm1y_1 table{width:100%;border-collapse:collapse;margin:var(--spacing-spacing-1xs) 0}._markdown_1bm1y_1 th,._markdown_1bm1y_1 td{border:1px solid var(--border-border-primary);padding:var(--spacing-spacing-2xs);text-align:left}._markdown_1bm1y_1 thead th{background:var(--surface-surface-search-bar)}
+._markdown_1ozv2_1{color:var(--text-text-primary);font-size:var(--font-size-sm);line-height:1.3}._markdown_1ozv2_1 h1,._markdown_1ozv2_1 h2,._markdown_1ozv2_1 h3,._markdown_1ozv2_1 h4,._markdown_1ozv2_1 h5,._markdown_1ozv2_1 h6{font-weight:var(--font-weight-semibold);line-height:1.3;margin:var(--spacing-spacing-sm) 0 var(--spacing-spacing-1xs)}._markdown_1ozv2_1 h1{font-size:var(--font-size-2xl)}._markdown_1ozv2_1 h2{font-size:var(--font-size-xl)}._markdown_1ozv2_1 h3{font-size:var(--font-size-lg)}._markdown_1ozv2_1 h4{font-size:var(--font-size-md)}._markdown_1ozv2_1 h5{font-size:var(--font-size-sm)}._markdown_1ozv2_1 h6{font-size:var(--font-size-xs)}._markdown_1ozv2_1 p{margin:var(--spacing-spacing-1xs) 0}._markdown_1ozv2_1 ul,._markdown_1ozv2_1 ol{margin:var(--spacing-spacing-1xs) 0 var(--spacing-spacing-1xs) var(--spacing-spacing-sm);padding:0}._markdown_1ozv2_1 li{margin:var(--spacing-spacing-3xs) 0}._markdown_1ozv2_1 a{color:var(--text-text-links);text-decoration:none}._markdown_1ozv2_1 a:hover,._markdown_1ozv2_1 a:focus{color:var(--text-text-links-hover-press)}._markdown_1ozv2_1 code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:var(--surface-surface-search-bar);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-3xs);border-radius:var(--radius-radius-btn)}._markdown_1ozv2_1 pre{background:var(--surface-surface-search-bar);border-radius:var(--radius-radius-md);padding:var(--spacing-spacing-1xs);overflow:auto}._markdown_1ozv2_1 pre code{background:transparent;padding:0}._markdown_1ozv2_1 blockquote{margin:var(--spacing-spacing-1xs) 0;padding-left:var(--spacing-spacing-default);border-left:.1875rem solid var(--border-border-primary);color:var(--text-text-primary)}._markdown_1ozv2_1 hr{border:none;border-top:1px solid var(--border-border-primary);margin:var(--spacing-spacing-default) 0}._markdown_1ozv2_1 table{width:100%;border-collapse:collapse;margin:var(--spacing-spacing-1xs) 0}._markdown_1ozv2_1 th,._markdown_1ozv2_1 td{border:1px solid var(--border-border-primary);padding:var(--spacing-spacing-2xs);text-align:left}._markdown_1ozv2_1 thead th{background:var(--surface-surface-search-bar)}

package/dist/atoms/Markdown/Markdown.js

@@ -8653,7 +8653,7 @@ function xf() {
     yf(e);
   };
 }
-const bf = "_markdown_1bm1y_1", or = {
+const bf = "_markdown_1ozv2_1", or = {
   markdown: bf
 };
 function Cf({ children: e, className: t }) {

package/dist/atoms/Markdown/Markdown.stories.d.ts

@@ -11,3 +11,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
+export declare const ItemDescription: Story;

package/dist/atoms/Markdown/Markdown.stories.js

@@ -1,10 +1,12 @@
-import { Markdown as e } from "./Markdown.js";
-const o = {
+import { jsx as t } from "react/jsx-runtime";
+import { Markdown as a } from "./Markdown.js";
+import { usePreprocessedMarkdown as m } from "./usePreprocessedMarkdown.js";
+const g = {
   title: "Case Parts/Atoms/Markdown",
-  component: e,
+  component: a,
   parameters: { layout: "padded" },
   tags: ["autodocs"]
-}, a = {
+}, x = {
   args: {
     children: `# Heading 1
 
@@ -41,8 +43,26 @@ export default greet;
 |------:|:------|
 |  123  | text  |`
   }
+}, f = {
+  name: "Item Description Variant",
+  render: (o) => /* @__PURE__ */ t(({ text: n }) => {
+    const r = async (e) => {
+      if (await new Promise((l) => setTimeout(l, 50)), /^\d+$/.test(e)) return !0;
+      throw new Error("invalid");
+    }, { output: s, loading: i } = m(
+      n,
+      (e) => `https://example.com/parts/${encodeURIComponent(e)}`,
+      r
+    );
+    return /* @__PURE__ */ t(a, { ...o, children: i ? "Validating…" : s });
+  }, { text: `Kason 171 Latch
+
+This fits part [171] and an invalid token [bad]. Already linked should remain: [171](https://example.com/should-stay).
+
+Another valid numeric: [172].` })
 };
 export {
-  a as Basic,
-  o as default
+  x as Basic,
+  f as ItemDescription,
+  g as default
 };

package/dist/atoms/Markdown/PreprocessedMarkdown.d.ts

@@ -0,0 +1,8 @@
+import { LinkTarget, ValidateToken } from './usePreprocessedMarkdown';
+export type PreprocessedMarkdownProps = {
+    children?: string | null;
+    url: LinkTarget;
+    validate: ValidateToken;
+    className?: string;
+};
+export declare function PreprocessedMarkdown({ children, url, validate, className }: PreprocessedMarkdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Markdown/PreprocessedMarkdown.js

@@ -0,0 +1,10 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Markdown as s } from "./Markdown.js";
+import { usePreprocessedMarkdown as d } from "./usePreprocessedMarkdown.js";
+function u({ children: r, url: o, validate: e, className: t }) {
+  const { output: n } = d(r ?? "", o, e);
+  return /* @__PURE__ */ p(s, { className: t, children: n });
+}
+export {
+  u as PreprocessedMarkdown
+};

package/dist/atoms/Markdown/usePreprocessedMarkdown.d.ts

@@ -0,0 +1,12 @@
+export type ValidateToken = (_token: string) => Promise<unknown>;
+export type LinkTarget = string | ((_token: string) => string);
+export type PreprocessedMarkdownResult = {
+    output: string;
+    loading: boolean;
+    tokens: string[];
+};
+/**
+ * Extracts bracketed tokens not already followed by parentheses, validates them, and
+ * returns the input with validated tokens converted to markdown links.
+ */
+export declare function usePreprocessedMarkdown(input: string | null | undefined, url: LinkTarget, validate: ValidateToken): PreprocessedMarkdownResult;

package/dist/atoms/Markdown/usePreprocessedMarkdown.js

@@ -0,0 +1,50 @@
+import { useState as g, useRef as p, useMemo as w, useEffect as x } from "react";
+function H(r, f, y) {
+  const [S, i] = g(r ?? ""), [A, u] = g(!1), n = p(/* @__PURE__ */ new Map()), M = p(y), l = w(() => /\[(.+?)\](?!\()/g, []), o = w(() => {
+    if (!r) return [];
+    const s = Array.from(r.matchAll(l)).map((a) => a[1]);
+    return Array.from(new Set(s));
+  }, [r, l]), h = (s) => {
+    const e = s.split(/\r?\n/);
+    if (e.length === 0) return s;
+    const a = e[0];
+    return /^\s*#\s/.test(a) || (e[0] = `# ${a.trim()}`), e.join(`
+`);
+  };
+  return x(() => {
+    if (!r) {
+      i(""), u(!1);
+      return;
+    }
+    if (!o.length) {
+      i(h(r)), u(!1);
+      return;
+    }
+    let s = !1;
+    u(!0);
+    const e = o.filter((d) => !n.current.has(d));
+    return (async () => {
+      e.length && (await Promise.allSettled(
+        e.map(async (t) => {
+          try {
+            await M.current(t), n.current.set(t, !0);
+          } catch {
+            n.current.set(t, !1);
+          }
+        })
+      )).forEach((t, v) => {
+        const m = e[v];
+        n.current.has(m) || n.current.set(m, t.status === "fulfilled");
+      });
+      const d = new Set(
+        o.filter((c) => n.current.get(c) === !0)
+      ), R = (c) => typeof f == "function" ? f(c) : f, $ = r.replace(l, (c, t) => d.has(t) ? `[${t}](${R(t)})` : c), q = h($);
+      s || (i(q), u(!1));
+    })(), () => {
+      s = !0;
+    };
+  }, [r, o, f, l]), { output: S, loading: A, tokens: o };
+}
+export {
+  H as usePreprocessedMarkdown
+};

package/dist/main-client.d.ts

@@ -5,6 +5,10 @@ export { SlideInPanel } from './atoms/SlideInPanel/SlideInPanel';
 export type { SlideInPanelProps } from './atoms/SlideInPanel/SlideInPanel';
 export { Markdown } from './atoms/Markdown/Markdown';
 export type { MarkdownProps } from './atoms/Markdown/Markdown';
+export { PreprocessedMarkdown as ItemDescriptionMarkdown } from './atoms/Markdown/PreprocessedMarkdown';
+export type { PreprocessedMarkdownProps as ItemDescriptionMarkdownProps } from './atoms/Markdown/PreprocessedMarkdown';
+export { usePreprocessedMarkdown } from './atoms/Markdown/usePreprocessedMarkdown';
+export type { LinkTarget, ValidateToken } from './atoms/Markdown/usePreprocessedMarkdown';
 export { Tooltip } from './atoms/Tooltip/Tooltip';
 export { Popover } from './atoms/Popover/Popover';
 export type { PopoverProps } from './atoms/Popover/Popover';

package/dist/main-client.js

@@ -2,91 +2,95 @@ import { Button as e } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as f, Grid as x } from "./atoms/Grid/Grid.js";
 import { Head as n } from "./atoms/Root/Head.js";
-import { Icon as l } from "./atoms/Icon/Icon.js";
-import { Root as d } from "./atoms/Root/Root.js";
-import { Separator as C } from "./atoms/Separator/Separator.js";
-import { Text as k } from "./atoms/Text/Text.js";
+import { Icon as d } from "./atoms/Icon/Icon.js";
+import { Root as u } from "./atoms/Root/Root.js";
+import { Separator as s } from "./atoms/Separator/Separator.js";
+import { Text as C } from "./atoms/Text/Text.js";
 import { Input as I } from "./atoms/Input/Input.js";
-import { Link as s } from "./atoms/Link/Link.js";
-import { linkClassName as A } from "./atoms/Link/linkClassName.js";
-import { configureLink as P, routerOverride as h } from "./atoms/Link/configureLink.js";
-import { LinkButton as M } from "./atoms/LinkButton/LinkButton.js";
+import { Link as w } from "./atoms/Link/Link.js";
+import { linkClassName as P } from "./atoms/Link/linkClassName.js";
+import { configureLink as v, routerOverride as A } from "./atoms/Link/configureLink.js";
+import { LinkButton as h } from "./atoms/LinkButton/LinkButton.js";
 import { configureImage as F } from "./atoms/Image/configureImage.js";
 import { Logo as V } from "./molecules/Logo/Logo.js";
 import { SearchBox as y } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as z } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as O } from "./molecules/Pricing/Pricing.js";
-import { Availability as R } from "./molecules/Availability/Availability.js";
-import { Avatar as j } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as D } from "./molecules/BannerCard/BannerCard.js";
+import { Pricing as G } from "./molecules/Pricing/Pricing.js";
+import { Availability as Q } from "./molecules/Availability/Availability.js";
+import { Avatar as Z } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as q } from "./molecules/BannerCard/BannerCard.js";
 import { CardLink as J } from "./molecules/CardLink/CardLink.js";
 import { Breadcrumbs as U } from "./molecules/Breadcrumbs/Breadcrumbs.js";
 import { NotFound as X } from "./organisms/NotFound/NotFound.js";
 import { HorizontalScroll as _ } from "./atoms/HorizontalScroll/HorizontalScroll.js";
 import { SlideInPanel as oo } from "./atoms/SlideInPanel/SlideInPanel.js";
 import { Markdown as eo } from "./atoms/Markdown/Markdown.js";
-import { Tooltip as po } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as fo } from "./atoms/Popover/Popover.js";
-import { Account as ao } from "./molecules/Account/Account.js";
-import { Chip as io } from "./molecules/Chip/Chip.js";
-import { ToggleView as uo } from "./molecules/ToggleView/ToggleView.js";
-import { CartSlideInPanel as Co } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as ko } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Io } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as so } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as Ao } from "./molecules/Modal/Modal.js";
-import { ImageViewer as Po } from "./molecules/ImageViewer/ImageViewer.js";
-import { MainNav as wo } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as To } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as No } from "./organisms/Product/Product.js";
-import { Carousel as bo } from "./organisms/Carousel/Carousel.js";
-import { Footer as Ho } from "./organisms/Footer/Footer.js";
-import { default as Go } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { PreprocessedMarkdown as po } from "./atoms/Markdown/PreprocessedMarkdown.js";
+import { usePreprocessedMarkdown as fo } from "./atoms/Markdown/usePreprocessedMarkdown.js";
+import { Tooltip as ao } from "./atoms/Tooltip/Tooltip.js";
+import { Popover as io } from "./atoms/Popover/Popover.js";
+import { Account as uo } from "./molecules/Account/Account.js";
+import { Chip as so } from "./molecules/Chip/Chip.js";
+import { ToggleView as Co } from "./molecules/ToggleView/ToggleView.js";
+import { CartSlideInPanel as Io } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as wo } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Po } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as vo } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as Lo } from "./molecules/Modal/Modal.js";
+import { ImageViewer as To } from "./molecules/ImageViewer/ImageViewer.js";
+import { MainNav as No } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as bo } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as Ho } from "./organisms/Product/Product.js";
+import { Carousel as Do } from "./organisms/Carousel/Carousel.js";
+import { Footer as Oo } from "./organisms/Footer/Footer.js";
+import { default as Ro } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
-  ao as Account,
-  so as AddToCart,
-  Io as AnimatedCheckMark,
-  R as Availability,
-  j as Avatar,
-  D as BannerCard,
+  uo as Account,
+  vo as AddToCart,
+  Po as AnimatedCheckMark,
+  Q as Availability,
+  Z as Avatar,
+  q as BannerCard,
   U as Breadcrumbs,
   e as Button,
   J as CardLink,
-  bo as Carousel,
-  Co as CartSlideInPanel,
-  io as Chip,
-  To as ChipSelector,
+  Do as Carousel,
+  Io as CartSlideInPanel,
+  so as Chip,
+  bo as ChipSelector,
   f as Column,
   p as Flex,
-  Ho as Footer,
+  Oo as Footer,
   x as Grid,
   n as Head,
   _ as HorizontalScroll,
-  l as Icon,
-  Po as ImageViewer,
+  d as Icon,
+  To as ImageViewer,
   I as Input,
-  s as Link,
-  M as LinkButton,
+  po as ItemDescriptionMarkdown,
+  w as Link,
+  h as LinkButton,
   V as Logo,
-  wo as MainNav,
+  No as MainNav,
   eo as Markdown,
-  Ao as Modal,
+  Lo as Modal,
   X as NotFound,
-  fo as Popover,
-  O as Pricing,
-  No as Product,
+  io as Popover,
+  G as Pricing,
+  Ho as Product,
   z as QuantityInput,
-  d as Root,
+  u as Root,
   y as SearchBox,
-  C as Separator,
+  s as Separator,
   oo as SlideInPanel,
-  Go as SpinZoomViewer,
-  ko as StatefulButton,
-  k as Text,
-  uo as ToggleView,
-  po as Tooltip,
+  Ro as SpinZoomViewer,
+  wo as StatefulButton,
+  C as Text,
+  Co as ToggleView,
+  ao as Tooltip,
   F as configureImage,
-  P as configureLink,
-  A as linkClassName,
-  h as routerOverride
+  v as configureLink,
+  P as linkClassName,
+  A as routerOverride,
+  fo as usePreprocessedMarkdown
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.127",
+  "version": "0.0.129",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",