@luscii-healthtech/web-ui 6.1.4 → 6.2.0

package/dist/components/InfoField/InfoField.d.ts

@@ -1,18 +1,28 @@
 /// <reference types="react" />
-type InfoFieldLinkType = "none" | "link" | "clipboard" | "tel";
 interface InfoFieldProps {
     label: string;
     value: string;
-    linkType: InfoFieldLinkType;
+    /**
+     * Gives the component interactive abilities. The `value` prop
+     * is used in conjunction with this.
+     *
+     * @example
+     * ```tsx
+     * // The `value` prop will be used as the `href` attribute of the link. This will open a new tab.
+     * <InfoField linkType="link" value="https://www.nos.nl" />
+     *
+     * // The `value` prop will be copied to the clipboard when the user clicks the component.
+     * <InfoField linkType="clipboard" value="14/09/1988" />
+     *
+     * // A phone call will be triggered based on the phone number in the `value` prop.
+     * <InfoField linkType="tel" value="+31612345678" />
+     * ```
+     */
+    linkType: "none" | "link" | "clipboard" | "tel";
     supportsMultiline?: boolean;
-    onCopyToClipboard?: () => void;
+    onCopyToClipboard?: (value?: string) => void;
     icon?: JSX.Element;
     className?: string;
 }
-export declare const InfoField: {
-    (props: InfoFieldProps): JSX.Element;
-    defaultProps: {
-        linkType: string;
-    };
-};
+export declare const InfoField: (props: InfoFieldProps) => JSX.Element;
 export {};

package/dist/index.development.js

@@ -2977,7 +2977,8 @@ const InfoField = (props) => {
   React.useEffect(() => {
     const clipboard = new ClipboardJS__default.default("button");
     clipboard.on("success", function(e) {
-      props.onCopyToClipboard && props.onCopyToClipboard();
+      var _a;
+      (_a = props.onCopyToClipboard) === null || _a === void 0 ? void 0 : _a.call(props, e.text);
       e.clearSelection();
     });
     return () => clipboard.destroy();
@@ -3020,9 +3021,6 @@ const InfoField = (props) => {
     )
   );
 };
-InfoField.defaultProps = {
-  linkType: "none"
-};
 
 const Line = ({ left, right, className }) => /* @__PURE__ */ React__namespace.default.createElement(
   "div",