@luscii-healthtech/web-ui 58.14.9 → 58.15.1

package/dist/esm/components/InstrumentCard/InstrumentCard.js

@@ -25,7 +25,7 @@ const typeIcons = {
   scripted: SigmaSquareIcon,
   sum: SigmaSquareIcon
 };
-const InstrumentCard = ({ type, title, category, meta, id, count, variant = "compact", state = "default", errorMessage, onClick, className }) => {
+const InstrumentCard = ({ type, title, category, meta, id, copyIdLabel = "Copy ID", onCopyId, count, variant = "compact", state = "default", errorMessage, onClick, className }) => {
   const isDetailed = variant === "detailed";
   const isError = state === "error";
   const TypeIcon = isError ? ExclamationMarkIcon : typeIcons[type];
@@ -41,7 +41,12 @@ const InstrumentCard = ({ type, title, category, meta, id, count, variant = "com
   }, className), children: [jsxs(Stack, { axis: "x", _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsx(Box, { _py: "xs", className: "ui:shrink-0", children: jsx(TypeIcon, { "aria-hidden": true, width: 16, height: 16, className: classNames({
     "ui:text-icon-error-primary-default": isError,
     "ui:text-icon-brand-primary-default": !isError
-  }) }) }), jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [onClick ? jsx("button", { type: "button", onClick, className: "ui:min-w-0 ui:max-w-full ui:cursor-pointer ui:text-left ui:after:absolute ui:after:inset-0 ui:after:content-[''] ui:focus:outline-primary", children: jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:block ui:min-w-0", children: title }) }) : jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxs(Stack, { axis: "x", align: "center", children: [category && jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id })] })] }), count !== void 0 && jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
+  }) }) }), jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [onClick ? jsx("button", { type: "button", onClick, className: "ui:min-w-0 ui:max-w-full ui:cursor-pointer ui:text-left ui:after:absolute ui:after:inset-0 ui:after:content-[''] ui:focus:outline-primary", children: jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:block ui:min-w-0", children: title }) }) : jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxs(Stack, { axis: "x", align: "center", children: [category && jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && // Sits above the title button's stretched overlay so it stays clickable.
+  jsx("button", { type: "button", "aria-label": `${copyIdLabel} ${id}`, onClick: (event) => {
+    event.stopPropagation();
+    window.navigator.clipboard.writeText(id).then(() => onCopyId === null || onCopyId === void 0 ? void 0 : onCopyId(id)).catch(() => {
+    });
+  }, className: "ui:relative ui:z-10 ui:flex ui:cursor-pointer ui:focus-visible:outline-primary", children: jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id }) })] })] }), count !== void 0 && jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
 };
 
 export { InstrumentCard };

package/dist/esm/components/InstrumentCard/InstrumentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentCard.js","sources":["../../../../../../src/components/InstrumentCard/InstrumentCard.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"InstrumentCard.js","sources":["../../../../../../src/components/InstrumentCard/InstrumentCard.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAgHA,MAAM,SAAA,GAAY;AAAA,EAChB,IAAA,EAAM,YAAA;AAAA,EACN,aAAA,EAAe,iBAAA;AAAA,EACf,OAAA,EAAS,QAAA;AAAA,EACT,QAAA,EAAU,iBAAA;AAAA,EACV,OAAA,EAAS,UAAA;AAAA,EACT,KAAA,EAAO,kBAAA;AAAA,EACP,QAAA,EAAU,eAAA;AAAA,EACV,GAAA,EAAK;;AAiCA,MAAM,iBAA4B,CAAC,EACxC,MACA,KAAA,EACA,QAAA,EACA,MACA,EAAA,EACA,WAAA,GAAc,WACd,QAAA,EACA,KAAA,EACA,UAAU,SAAA,EACV,KAAA,GAAQ,WACR,YAAA,EACA,OAAA,EACA,WAAS,KACN;AACH,EAAA,MAAM,aAAa,OAAA,KAAY,UAAA;AAC/B,EAAA,MAAM,UAAU,KAAA,KAAU,OAAA;AAC1B,EAAA,MAAM,QAAA,GAAW,OAAA,GAAU,mBAAA,GAAsB,SAAA,CAAU,IAAI,CAAA;AAC/D,EAAA,MAAM,SAAA,GAAY,UAAU,OAAA,GAAU,SAAA;AAEtC,EAAA,IAAI,CAAC,UAAA,EAAY;AACf,IAAA,OACEA,IAAA,CAAC,KAAA,EAAK,EACJ,IAAA,EAAK,KACL,KAAA,EAAM,QAAA,EACN,IAAA,EAAK,MAAA,EACL,GAAA,EAAI,MAAA,EACJ,GAAA,EAAI,MAAA,EACJ,KAAI,GAAA,EACJ,SAAA,EAAW,UAAA,CACT,wGAAA,EACA,SAAS,CAAA,EACV,QAAA,EAAA,CAEDC,IAAC,QAAA,EAAQ,EAAA,aAAA,EAAA,IAAA,EAEP,OAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EACR,SAAA,EAAW,WAAW,aAAA,EAAe;AAAA,MACnC,oCAAA,EAAsC,OAAA;AAAA,MACtC,sCAAsC,CAAC;AAAA,KACxC,CAAA,EAAC,GAEJA,GAAA,CAAC,IAAA,EAAI,EAAC,OAAA,EAAQ,oBAAA,EAAqB,KAAA,EAAO,SAAA,YACvC,OAAA,GAAU,YAAA,GAAe,OAAK,CAC1B,GAAA,CAAA;AAAA,EAGb;AAEA,EAAA,OACED,KAAC,KAAA,EAAK,EACJ,MAAK,GAAA,EACL,KAAA,EAAM,SACN,OAAA,EAAQ,SAAA,EACR,OAAM,MAAA,EACN,GAAA,EAAI,KACJ,GAAA,EAAI,GAAA,EACJ,KAAI,MAAA,EACJ,SAAA,EAAW,WACT,qGAAA,EACA;AAAA,IACE,gDAAA,EAAkD,QAAQ,OAAO;AAAA,GAClE,EACD,SAAS,CAAA,EACV,QAAA,EAAA,CAEDA,IAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,KAAI,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,sBAAA,EAAsB,UAAA,CAC1DC,GAAA,CAAC,GAAA,EAAG,EAAC,GAAA,EAAI,IAAA,EAAK,SAAA,EAAU,aAAA,EAAa,UACnCA,GAAA,CAAC,QAAA,EAAQ,EAAA,aAAA,EAAA,MAEP,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EACR,WAAW,UAAA,CAAW;AAAA,IACpB,oCAAA,EAAsC,OAAA;AAAA,IACtC,sCAAsC,CAAC;AAAA,GACxC,CAAA,KACD,CAAA,EAGJD,IAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,sBAAA,EAAsB,UAAA,CAChD,OAAA,GACCC,GAAA,CAAA,QAAA,EAAA,EACE,IAAA,EAAK,QAAA,EACL,OAAA,EACA,SAAA,EAAU,2IAAA,EAA2I,QAAA,EAErJA,GAAA,CAAC,IAAA,EAAI,EACH,SAAQ,qBAAA,EACR,KAAA,EAAO,SAAA,EACP,QAAA,QACA,SAAA,EAAU,qBAAA,EAAqB,QAAA,EAE9B,KAAA,KACI,CAAA,GAGTA,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,qBAAA,EACR,KAAA,EAAO,SAAA,EACP,QAAA,QACA,SAAA,EAAU,YAAA,EAAY,QAAA,EAErB,KAAA,KAIJ,OAAA,IACCA,GAAA,CAAC,MAAI,EAAC,OAAA,EAAQ,oBAAA,EAAqB,KAAA,EAAM,OAAA,EAAO,QAAA,EAC7C,YAAA,EAAY,CAAA,EAGhB,CAAC,OAAA,KAAY,QAAA,IAAY,IAAA,CAAA,IACxBD,IAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,QAAA,EAAQ,QAAA,EAAA,CAC3B,QAAA,IACCC,GAAA,CAAC,IAAA,IAAK,OAAA,EAAQ,oBAAA,EAAqB,KAAA,EAAM,SAAA,EAAS,UAC/C,QAAA,EAAQ,CAAA,EAGZ,QAAA,IAAY,IAAA,IACXA,GAAA,CAAC,GAAA,EAAG,EACF,GAAA,EAAI,MAAA,EACJ,SAAA,EAAU,sEAAA,KAGb,IAAA,IACCA,GAAA,CAAC,IAAA,IAAK,OAAA,EAAQ,oBAAA,EAAqB,KAAA,EAAM,SAAA,EAAS,QAAA,EAC/C,IAAA,EAAI,CAER,CAAA,KAIJ,EAAA;AAAA,EAECA,GAAA,CAAA,QAAA,EAAA,EACE,IAAA,EAAK,QAAA,EAAQ,YAAA,EACD,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAChC,OAAA,EAAS,CAAC,KAAA,KAAS;AACjB,IAAA,KAAA,CAAM,eAAA,EAAe;AACrB,IAAA,MAAA,CAAO,UAAU,SAAA,CACd,SAAA,CAAU,EAAE,CAAA,CACZ,KAAK,MAAM,QAAA,KAAQ,IAAA,IAAR,QAAA,KAAQ,SAAA,MAAA,GAAR,QAAA,CAAW,EAAE,CAAC,CAAA,CAEzB,MAAM,MAAK;AAAA,IAAE,CAAC,CAAA;AAAA,EACnB,CAAA,EACA,SAAA,EAAU,gFAAA,YAEVA,GAAA,CAAC,GAAA,EAAG,EACF,KAAA,EAAM,OAAA,EACN,QAAA,EAAS,UAAA,EACT,YAAA,EAAcA,IAAC,mBAAA,EAAmB,EAAA,aAAA,EAAA,IAAA,EAAA,CAAA,EAAe,QAAA,EAEhD,EAAA,KACG,CAET,CAAA,EAAA,CACK,CAAA,EAAA,CAAA,EAGT,KAAA,KAAU,MAAA,IACTA,GAAA,CAAC,GAAA,EAAG,EACF,KAAA,EAAM,OAAA,EACN,QAAA,EAAS,MAAA,EACT,YAAA,EAAcA,GAAA,CAAC,mBAAA,EAAmB,EAAA,aAAA,EAAA,IAAA,EAAA,CAAA,EAClC,SAAA,EAAU,aAAA,EAAa,QAAA,EAEvBA,GAAA,CAAC,IAAA,EAAI,EAAC,OAAA,EAAQ,mBAAkB,EAAA,EAAG,MAAA,EAAM,QAAA,EACtC,KAAA,EAAK,CAAA,EACD,CAEV,GAAA,CAAA;AAGP;;"}

package/dist/index.development.js

@@ -5351,7 +5351,7 @@ const typeIcons$1 = {
   scripted: SigmaSquareIcon,
   sum: SigmaSquareIcon
 };
-const InstrumentCard = ({ type, title, category, meta, id, count, variant = "compact", state = "default", errorMessage, onClick, className }) => {
+const InstrumentCard = ({ type, title, category, meta, id, copyIdLabel = "Copy ID", onCopyId, count, variant = "compact", state = "default", errorMessage, onClick, className }) => {
   const isDetailed = variant === "detailed";
   const isError = state === "error";
   const TypeIcon = isError ? ExclamationMarkIcon : typeIcons$1[type];
@@ -5367,7 +5367,12 @@ const InstrumentCard = ({ type, title, category, meta, id, count, variant = "com
   }, className), children: [jsxRuntime.jsxs(Stack, { axis: "x", _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsxRuntime.jsx(Box, { _py: "xs", className: "ui:shrink-0", children: jsxRuntime.jsx(TypeIcon, { "aria-hidden": true, width: 16, height: 16, className: classNames__default.default({
     "ui:text-icon-error-primary-default": isError,
     "ui:text-icon-brand-primary-default": !isError
-  }) }) }), jsxRuntime.jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [onClick ? jsxRuntime.jsx("button", { type: "button", onClick, className: "ui:min-w-0 ui:max-w-full ui:cursor-pointer ui:text-left ui:after:absolute ui:after:inset-0 ui:after:content-[''] ui:focus:outline-primary", children: jsxRuntime.jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:block ui:min-w-0", children: title }) }) : jsxRuntime.jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxRuntime.jsxs(Stack, { axis: "x", align: "center", children: [category && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsxRuntime.jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && jsxRuntime.jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id })] })] }), count !== void 0 && jsxRuntime.jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsxRuntime.jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
+  }) }) }), jsxRuntime.jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [onClick ? jsxRuntime.jsx("button", { type: "button", onClick, className: "ui:min-w-0 ui:max-w-full ui:cursor-pointer ui:text-left ui:after:absolute ui:after:inset-0 ui:after:content-[''] ui:focus:outline-primary", children: jsxRuntime.jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:block ui:min-w-0", children: title }) }) : jsxRuntime.jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxRuntime.jsxs(Stack, { axis: "x", align: "center", children: [category && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsxRuntime.jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && // Sits above the title button's stretched overlay so it stays clickable.
+  jsxRuntime.jsx("button", { type: "button", "aria-label": `${copyIdLabel} ${id}`, onClick: (event) => {
+    event.stopPropagation();
+    window.navigator.clipboard.writeText(id).then(() => onCopyId === null || onCopyId === void 0 ? void 0 : onCopyId(id)).catch(() => {
+    });
+  }, className: "ui:relative ui:z-10 ui:flex ui:cursor-pointer ui:focus-visible:outline-primary", children: jsxRuntime.jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id }) })] })] }), count !== void 0 && jsxRuntime.jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsxRuntime.jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
 };
 
 const variantClasses = {