@toptal/picasso-link 3.0.7-alpha-1757603192867.0 → 3.0.7-alpha-FF-49-enhance-publishing-6b5d306f0.0

package/dist-package/src/Link/Link.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode, AnchorHTMLAttributes, ElementType } from 'react';
+import React from 'react';
+import type { BaseProps, OverridableComponent } from '@toptal/picasso-shared';
+declare const supportedColors: readonly ["white", "blue"];
+declare const supportedVariants: readonly ["action", "anchor"];
+declare type VariantType = (typeof supportedVariants)[number];
+declare type ColorType = (typeof supportedColors)[number];
+export declare type Props = BaseProps & AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** Content of the component */
+    children?: ReactNode;
+    /** Destination the link points to */
+    href?: string;
+    /** Callback invoked when component is clicked */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * The component used for the root node.
+     * Either a string to use a DOM element or a component.
+     */
+    as?: ElementType<React.HTMLAttributes<HTMLElement>>;
+    /** Either it's a regular hyperlink or an _action_ */
+    variant?: VariantType;
+    /** Controls color of the link */
+    color?: ColorType;
+    /** Indicates the order of receiving focus. If not set will not receive focus. */
+    tabIndex?: number;
+    /** Indicates that the user cannot interact with the Link or its children */
+    disabled?: boolean;
+    visited?: boolean;
+    /**
+     * If true, underline decoration never applies
+     */
+    noUnderline?: boolean;
+    'aria-disabled'?: boolean;
+};
+declare type ViewModel = {
+    className: string;
+    href?: string;
+    target?: string;
+    color?: 'inherit';
+    rel?: string;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    weight: 'inherit' | 'semibold';
+    style?: React.CSSProperties;
+    tabIndex?: number;
+    as: Props['as'];
+    ariaDisabled?: boolean;
+    nativeHTMLAttributes: Omit<Props, keyof BaseProps>;
+};
+export declare const calculateViewModel: (props: Props) => ViewModel;
+export declare const Link: OverridableComponent<Props>;
+export default Link;
+//# sourceMappingURL=Link.d.ts.map

package/dist-package/src/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAG7E,QAAA,MAAM,eAAe,4BAA6B,CAAA;AAClD,QAAA,MAAM,iBAAiB,+BAAgC,CAAA;AAEvD,aAAK,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AACrD,aAAK,SAAS,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AA0CjD,oBAAY,KAAK,GAAG,SAAS,GAC3B,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACxC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iDAAiD;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAA;IACnD,qDAAqD;IACrD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAKH,aAAK,SAAS,GAAG;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC9D,MAAM,EAAE,SAAS,GAAG,UAAU,CAAA;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oBAAoB,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,SAAS,CAAC,CAAA;CACnD,CAAA;AAGD,eAAO,MAAM,kBAAkB,UAAW,KAAK,KAAG,SAqDjD,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,oBAAoB,CAAC,KAAK,CA0B3C,CAAA;AAWF,eAAe,IAAI,CAAA"}

package/dist-package/src/Link/Link.js

@@ -0,0 +1,93 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+import { Typography } from '@toptal/picasso-typography';
+const supportedColors = ['white', 'blue'];
+const supportedVariants = ['action', 'anchor'];
+const sanitizeRel = (rel, target) => {
+    if (target !== '_blank') {
+        return rel;
+    }
+    if (!rel) {
+        return 'noopener';
+    }
+    const isRelSafe = rel.includes('noreferrer') || rel.includes('noopener');
+    return isRelSafe ? rel : rel.concat(' noopener');
+};
+const COLOR_DISABLED_MAP = {
+    blue: {
+        action: {
+            disabled: 'text-blue-500 no-underline opacity-50 hover:!no-underline',
+            normal: 'text-blue-500 visited:text-purple-500 no-underline',
+        },
+        anchor: {
+            disabled: 'text-gray-600 underline',
+            normal: 'text-blue-500 visited:text-purple-500 no-underline',
+        },
+    },
+    white: {
+        action: {
+            disabled: 'text-gray-600',
+            normal: 'inherit',
+        },
+        anchor: {
+            disabled: 'text-gray-600 visited:text-gray-500 underline',
+            normal: 'inherit text-white visited:text-gray-500 underline',
+        },
+    },
+};
+const defaultColor = 'blue';
+const defaultVariant = 'anchor';
+/* eslint-disable complexity */
+export const calculateViewModel = (props) => {
+    const { href, onClick, className, as = 'a', color: inputColor = 'blue', style, variant: inputVariant = 'anchor', tabIndex, target, rel, disabled, visited = false, noUnderline, 'aria-disabled': ariaDisabled } = props, nativeHTMLAttributes = __rest(props, ["href", "onClick", "className", "as", "color", "style", "variant", "tabIndex", "target", "rel", "disabled", "visited", "noUnderline", 'aria-disabled']);
+    const sanitizedRel = sanitizeRel(rel, target);
+    // When Link is used as={Link}, TypeScript can't ensure the input to the Link is compatible with its Props type.
+    const color = supportedColors.includes(inputColor) ? inputColor : defaultColor;
+    const variant = supportedVariants.includes(inputVariant)
+        ? inputVariant
+        : defaultVariant;
+    return {
+        className: twMerge('focus:outline-none hover:underline leading-[inherit]', COLOR_DISABLED_MAP[color][variant][disabled ? 'disabled' : 'normal'], disabled ? 'cursor-not-allowed' : '', noUnderline ? '!no-underline' : '', visited
+            ? color === 'blue'
+                ? 'visited text-purple-500'
+                : 'visited text-gray-500'
+            : '', onClick || href ? 'cursor-pointer' : '', className),
+        href: disabled ? undefined : href,
+        target: disabled ? undefined : target,
+        rel: sanitizedRel,
+        onClick: disabled ? undefined : onClick,
+        weight: variant === 'action' ? 'semibold' : 'inherit',
+        color: 'inherit',
+        style,
+        tabIndex,
+        as,
+        ariaDisabled: disabled || ariaDisabled,
+        nativeHTMLAttributes,
+    };
+};
+export const Link = forwardRef(function Link(props, ref) {
+    const viewModel = calculateViewModel(props);
+    return (React.createElement(Typography, Object.assign({}, viewModel.nativeHTMLAttributes, { ref: ref, as: viewModel.as, 
+        // @ts-expect-error Typography is incompatible with href prop
+        href: viewModel.href, target: viewModel.target, rel: viewModel.rel, onClick: viewModel.onClick, color: viewModel.color, weight: viewModel.weight, className: viewModel.className, style: viewModel.style, tabIndex: viewModel.tabIndex, "aria-disabled": viewModel.ariaDisabled }), props.children));
+});
+Link.defaultProps = {
+    as: 'a',
+    color: 'blue',
+    variant: 'anchor',
+    noUnderline: false,
+};
+Link.displayName = 'Link';
+export default Link;
+//# sourceMappingURL=Link.js.map

package/dist-package/src/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/Link/Link.tsx"],"names":[],"mappings":"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"}

package/dist-package/src/Link/index.d.ts

@@ -0,0 +1,5 @@
+import type { OmitInternalProps } from '@toptal/picasso-shared';
+import type { Props } from './Link';
+export { default as Link } from './Link';
+export declare type LinkProps = OmitInternalProps<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEnC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,oBAAY,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/Link/index.js

@@ -0,0 +1,2 @@
+export { default as Link } from './Link';
+//# sourceMappingURL=index.js.map

package/dist-package/src/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Link/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist-package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist-package/src/index.js

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.js.map

package/dist-package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-link",
-  "version": "3.0.7-alpha-1757603192867.0",
+  "version": "3.0.7-alpha-FF-49-enhance-publishing-6b5d306f0.0",
   "description": "Toptal UI components library - Link",
   "publishConfig": {
     "access": "public",
@@ -23,26 +23,26 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
-    "@toptal/picasso-typography": "4.0.5-alpha-1757603192867.0"
+    "@toptal/picasso-utils": "3.1.1-alpha-FF-49-enhance-publishing-6b5d306f0.0",
+    "@toptal/picasso-typography": "4.0.5-alpha-FF-49-enhance-publishing-6b5d306f0.0"
   },
   "sideEffects": [
     "**/styles.ts",
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
-    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
-    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-FF-49-enhance-publishing-6b5d306f0.0",
+    "@toptal/picasso-tailwind": "3.0.1-alpha-FF-49-enhance-publishing-6b5d306f0.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-FF-49-enhance-publishing-6b5d306f0.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
-    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
-    "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0"
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-FF-49-enhance-publishing-6b5d306f0.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-FF-49-enhance-publishing-6b5d306f0.0",
+    "@toptal/picasso-test-utils": "1.1.2-alpha-FF-49-enhance-publishing-6b5d306f0.0"
   },
   "files": [
     "dist-package/**",