@hashicorp/mds-react 0.9.1 → 0.9.2

package/{utils/mds-context/index.js → index-DBjAbGt7.js}

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as d, forwardRef as x, useContext as g } from "react";
 const m = (t) => {
@@ -6,11 +5,11 @@ const m = (t) => {
     alt: e,
     src: i,
     className: o,
-    style: c,
-    loading: l,
-    decoding: s,
-    fetchPriority: u,
-    objectFit: a,
+    style: a,
+    loading: s,
+    decoding: c,
+    fetchPriority: l,
+    objectFit: u,
     objectPosition: f
     // Next extras are accepted but ignored by the default renderer
   } = t;
@@ -20,17 +19,17 @@ const m = (t) => {
       alt: e,
       src: i,
       className: o,
-      loading: l,
-      decoding: s,
-      fetchPriority: u,
+      loading: s,
+      decoding: c,
+      fetchPriority: l,
       style: {
         position: "absolute",
         inset: 0,
         width: "100%",
         height: "100%",
-        objectFit: a ?? "cover",
+        objectFit: u ?? "cover",
         objectPosition: f,
-        ...c
+        ...a
       }
     }
   ) : /* @__PURE__ */ n(
@@ -41,13 +40,13 @@ const m = (t) => {
       width: t.width,
       height: t.height,
       className: o,
-      loading: l,
-      decoding: s,
-      fetchPriority: u,
+      loading: s,
+      decoding: c,
+      fetchPriority: l,
       style: {
-        objectFit: a,
+        objectFit: u,
         objectPosition: f,
-        ...c
+        ...a
       }
     }
   );
@@ -78,8 +77,8 @@ function j() {
   return g(v);
 }
 export {
-  P as MDSProvider,
-  b as useMDSImage,
-  j as useMDSLink
+  P as M,
+  b as a,
+  j as u
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index-DBjAbGt7.js.map

package/index-DBjAbGt7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DBjAbGt7.js","sources":["../src/utils/mds-context/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tcreateContext,\n\tuseContext,\n\tforwardRef,\n\ttype CSSProperties,\n\ttype ImgHTMLAttributes,\n\ttype ComponentType,\n} from 'react'\n\n/* ----------------------------- Image ----------------------------- */\n\ntype FillLayout = {\n\tfill: true\n\t/** Strongly recommended when using fill */\n\tsizes?: string\n}\n\ntype FixedLayout = {\n\twidth: number\n\theight: number\n\tfill?: false\n}\n\n/** Next/Image extras we want to allow on adapters (all optional here) */\ntype NextImageExtras = {\n\tpriority?: boolean\n\tplaceholder?: 'blur' | 'empty'\n\tblurDataURL?: string\n\tquality?: number\n\tunoptimized?: boolean\n\tonLoadingComplete?: (img: HTMLImageElement) => void\n}\n\nexport type MDSImageProps =\n\t// Core, DS-neutral props\n\t({\n\t\talt: string\n\t\t/** DS-neutral; Next adapter may also accept StaticImageData at runtime */\n\t\tsrc: string\n\t\tclassName?: string\n\t\tstyle?: CSSProperties\n\t\tloading?: 'eager' | 'lazy'\n\t\tdecoding?: 'sync' | 'async' | 'auto'\n\t\tfetchPriority?: 'high' | 'low' | 'auto'\n\t\tobjectFit?: string\n\t\tobjectPosition?: string\n\t} & (FillLayout | FixedLayout)) &\n\t\t// Allow common <img> props without clobbering the ones we define\n\t\tOmit<\n\t\t\tImgHTMLAttributes<HTMLImageElement>,\n\t\t\t'src' | 'alt' | 'width' | 'height' | 'loading' | 'decoding'\n\t\t> &\n\t\t// Make Next extras available (adapters can use them; default img ignores)\n\t\tNextImageExtras\n\ntype ImageComponent = ComponentType<MDSImageProps>\n\nconst DefaultImg: ImageComponent = (props) => {\n\tconst {\n\t\talt,\n\t\tsrc,\n\t\tclassName,\n\t\tstyle,\n\t\tloading,\n\t\tdecoding,\n\t\tfetchPriority,\n\t\tobjectFit,\n\t\tobjectPosition,\n\t\t// Next extras are accepted but ignored by the default renderer\n\t} = props\n\n\tif ('fill' in props && props.fill) {\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt={alt}\n\t\t\t\tsrc={src}\n\t\t\t\tclassName={className}\n\t\t\t\tloading={loading}\n\t\t\t\tdecoding={decoding}\n\t\t\t\tfetchPriority={fetchPriority}\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\tinset: 0,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tobjectFit: (objectFit as CSSProperties['objectFit']) ?? 'cover',\n\t\t\t\t\tobjectPosition,\n\t\t\t\t\t...style,\n\t\t\t\t}}\n\t\t\t/>\n\t\t)\n\t}\n\n\treturn (\n\t\t<img\n\t\t\talt={alt}\n\t\t\tsrc={src}\n\t\t\twidth={props.width}\n\t\t\theight={props.height}\n\t\t\tclassName={className}\n\t\t\tloading={loading}\n\t\t\tdecoding={decoding}\n\t\t\tfetchPriority={fetchPriority}\n\t\t\tstyle={{\n\t\t\t\tobjectFit: objectFit as CSSProperties['objectFit'],\n\t\t\t\tobjectPosition,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t/>\n\t)\n}\n\nconst ImageCtx = createContext<ImageComponent>(DefaultImg)\n\n/* ------------------------------ Link ----------------------------- */\n\n/**\n * Start from all standard <a> props, then refine:\n * - force a typed href\n * - keep children required\n * - keep Next-specific props optional so the default <a> can ignore them\n */\nexport type MDSLinkProps = Omit<\n\tReact.AnchorHTMLAttributes<HTMLAnchorElement>,\n\t'href'\n> & {\n\thref: string | URL\n\ttarget?: React.HTMLAttributeAnchorTarget\n\tonClick?: React.MouseEventHandler<HTMLAnchorElement>\n} & {\n\t// Next.js extras (optional; default <a> ignores them)\n\tprefetch?: boolean\n\treplace?: boolean\n\tscroll?: boolean\n\tshallow?: boolean\n\tlocale?: string | false\n}\n\ntype LinkComponent = React.ForwardRefExoticComponent<\n\tMDSLinkProps & React.RefAttributes<HTMLAnchorElement>\n>\n\nconst DefaultLink: LinkComponent = forwardRef<HTMLAnchorElement, MDSLinkProps>(\n\t({ href, children, ...rest }, ref) => (\n\t\t<a\n\t\t\tref={ref}\n\t\t\thref={typeof href === 'string' ? href : href.toString()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</a>\n\t)\n)\n\nDefaultLink.displayName = 'DefaultLink'\n\nconst LinkCtx = createContext<LinkComponent>(DefaultLink)\n\n/* ----------------------- Provider + hooks ------------------------ */\n\nexport function MDSProvider({\n\tchildren,\n\timageComponent,\n\tlinkComponent,\n}: {\n\tchildren: React.ReactNode\n\timageComponent?: ImageComponent\n\tlinkComponent?: LinkComponent\n}) {\n\treturn (\n\t\t<ImageCtx.Provider value={imageComponent ?? DefaultImg}>\n\t\t\t<LinkCtx.Provider value={linkComponent ?? DefaultLink}>\n\t\t\t\t{children}\n\t\t\t</LinkCtx.Provider>\n\t\t</ImageCtx.Provider>\n\t)\n}\n\nexport function useMDSImage() {\n\treturn useContext(ImageCtx)\n}\n\nexport function useMDSLink() {\n\treturn useContext(LinkCtx)\n}\n"],"names":["DefaultImg","props","alt","src","className","style","loading","decoding","fetchPriority","objectFit","objectPosition","jsx","ImageCtx","createContext","DefaultLink","forwardRef","href","children","rest","ref","LinkCtx","MDSProvider","imageComponent","linkComponent","useMDSImage","useContext","useMDSLink"],"mappings":";;AA2DA,MAAMA,IAA6B,CAACC,MAAU;AAC7C,QAAM;AAAA,IACL,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA;AAAA,EAAA,IAEGT;AAEJ,SAAI,UAAUA,KAASA,EAAM,OAE3B,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAT;AAAA,MACA,KAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAE;AAAA,MACA,UAAAC;AAAA,MACA,eAAAC;AAAA,MACA,OAAO;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAYC,KAA4C;AAAA,QACxD,gBAAAC;AAAA,QACA,GAAGL;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA,IAMF,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAT;AAAA,MACA,KAAAC;AAAA,MACA,OAAOF,EAAM;AAAA,MACb,QAAQA,EAAM;AAAA,MACd,WAAAG;AAAA,MACA,SAAAE;AAAA,MACA,UAAAC;AAAA,MACA,eAAAC;AAAA,MACA,OAAO;AAAA,QACN,WAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,GAAGL;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGH,GAEMO,IAAWC,EAA8Bb,CAAU,GA8BnDc,IAA6BC;AAAA,EAClC,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAC7B,gBAAAR;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAQ;AAAA,MACA,MAAM,OAAOH,KAAS,WAAWA,IAAOA,EAAK,SAAA;AAAA,MAC5C,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGJ;AAEAH,EAAY,cAAc;AAE1B,MAAMM,IAAUP,EAA6BC,CAAW;AAIjD,SAASO,EAAY;AAAA,EAC3B,UAAAJ;AAAA,EACA,gBAAAK;AAAA,EACA,eAAAC;AACD,GAIG;AACF,SACC,gBAAAZ,EAACC,EAAS,UAAT,EAAkB,OAAOU,KAAkBtB,GAC3C,UAAA,gBAAAW,EAACS,EAAQ,UAAR,EAAiB,OAAOG,KAAiBT,GACxC,UAAAG,GACF,GACD;AAEF;AAEO,SAASO,IAAc;AAC7B,SAAOC,EAAWb,CAAQ;AAC3B;AAEO,SAASc,IAAa;AAC5B,SAAOD,EAAWL,CAAO;AAC1B;"}