phx-react 1.3.1818 → 1.3.1820

package/dist/cjs/components/Link/link.d.ts

@@ -1,5 +1,18 @@
 import Link from 'next/link';
 import React from 'react';
-type Props = React.ComponentProps<typeof Link>;
-export default function PHXLink({ href, children, ...rest }: Props): React.JSX.Element;
+type NextLinkProps = Omit<React.ComponentProps<typeof Link>, 'as'> & {
+    as?: 'Link';
+};
+type AnchorLinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'as' | 'href'> & {
+    as: 'a';
+    href: string;
+};
+export type PHXLinkProps = AnchorLinkProps | NextLinkProps;
+/**
+ * Renders a link with PHX loading behavior.
+ *
+ * @param props - Link props. Use `as="a"` to render a native anchor, otherwise the component renders `next/link`.
+ * @returns A link element that starts the PHX loading state on click.
+ */
+export default function PHXLink(props: PHXLinkProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};

package/dist/cjs/components/Link/link.js

@@ -6,11 +6,32 @@ const tslib_1 = require("tslib");
 const link_1 = tslib_1.__importDefault(require("next/link"));
 const react_1 = tslib_1.__importDefault(require("react"));
 const LoadingProvider_1 = require("../LoadingProvider");
-function PHXLink({ href, children, ...rest }) {
+const types_1 = require("../types");
+/**
+ * Renders a link with PHX loading behavior.
+ *
+ * @param props - Link props. Use `as="a"` to render a native anchor, otherwise the component renders `next/link`.
+ * @returns A link element that starts the PHX loading state on click.
+ */
+function PHXLink(props) {
+    const { as = 'Link', children, className, onClick, ...rest } = props;
     const { setLoading } = (0, LoadingProvider_1.useLoading)();
-    const handleClick = () => {
+    const Component = as === 'a' ? 'a' : link_1.default;
+    const anchorClassName = 'text-xs font-medium text-link-500 hover:text-link-600 active:text-link-600 hover:underline';
+    /**
+     * Starts the PHX loading state and forwards the click event to the consumer handler.
+     *
+     * @param event - Anchor click event from the rendered link element.
+     * @returns Nothing.
+     */
+    const handleClick = (event) => {
         setLoading(true);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
-    return (react_1.default.createElement(link_1.default, { href: href, ...rest, onClick: handleClick }, children));
+    return react_1.default.createElement(Component, {
+        ...rest,
+        className: (0, types_1.classNames)(as === 'a' && anchorClassName, className),
+        onClick: handleClick,
+    }, children);
 }
 //# sourceMappingURL=link.js.map

package/dist/cjs/components/Link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/Link/link.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAQZ,0BAYC;;AAlBD,6DAA4B;AAC5B,0DAAyB;AACzB,wDAA+C;AAI/C,SAAwB,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS;IAChE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,4BAAU,GAAE,CAAA;IAEnC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,OAAO,EAAE,WAAW,IAC7C,QAAQ,CACJ,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/Link/link.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAwBZ,0BA0BC;;AAhDD,6DAA4B;AAC5B,0DAAyB;AACzB,wDAA+C;AAC/C,oCAAqC;AAarC;;;;;GAKG;AACH,SAAwB,OAAO,CAAC,KAAmB;IACjD,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,4BAAU,GAAE,CAAA;IACnC,MAAM,SAAS,GAAsB,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,cAAI,CAAA;IAC5D,MAAM,eAAe,GAAG,4FAA4F,CAAA;IAEpH;;;;;OAKG;IACH,MAAM,WAAW,GAA+C,CAAC,KAAK,EAAE,EAAE;QACxE,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,eAAK,CAAC,aAAa,CACxB,SAAS,EACT;QACE,GAAG,IAAI;QACP,SAAS,EAAE,IAAA,kBAAU,EAAC,EAAE,KAAK,GAAG,IAAI,eAAe,EAAE,SAAS,CAAC;QAC/D,OAAO,EAAE,WAAW;KACrB,EACD,QAAQ,CACT,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextV2/TextV2.d.ts

@@ -19,5 +19,6 @@ export interface PHXTextProps {
     pr?: Responsive<SpacingScale>;
     lineHeight?: Responsive<LineHeight>;
     isTruncate?: boolean;
+    normalWordBreak?: boolean;
 }
-export declare const PHXTextV2: ({ as: Tag, children, size, weight, color, align, m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight, isTruncate, }: PHXTextProps) => React.JSX.Element;
+export declare const PHXTextV2: ({ as: Tag, children, size, weight, color, align, m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight, isTruncate, normalWordBreak, }: PHXTextProps) => React.JSX.Element;

package/dist/cjs/components/TextV2/TextV2.js

@@ -6,7 +6,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Box_1 = require("../Box");
 const helpers_1 = require("../../helpers/helpers");
-const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular', color = 'default', align = 'left', m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight = 'none', isTruncate = false, }) => {
+const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular', color = 'default', align = 'left', m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight = 'none', isTruncate = false, normalWordBreak = false, }) => {
     const sizeMap = {
         heading: '2xl',
         title: 'xl',
@@ -48,6 +48,7 @@ const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular',
         colorMap[color],
         `text-${align}`,
         isTruncate ? 'truncate' : '',
+        normalWordBreak ? 'break-normal' : '',
         // Margin classes
         (0, helpers_1.getResponsiveClass)('m', m, Box_1.spacingMap),
         (0, helpers_1.getResponsiveClass)('mt', mt, Box_1.spacingMap),

package/dist/cjs/components/TextV2/TextV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,0DAAyB;AACzB,gCAAmC;AAEnC,mDAA0D;AA0BnD,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,GAAG,GAAG,GAAG,EACb,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,MAAM,EACd,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,UAAU,GAAG,MAAM,EACnB,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,KAAK,GACV,EAAE,EAAE;IACjB,MAAM,OAAO,GAA6B;QACxC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,QAAQ;KAChB,CAAA;IAED,MAAM,SAAS,GAA+B;QAC5C,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAA;IAED,MAAM,QAAQ,GAA0B;QACtC,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,kBAAkB;QAC3B,OAAO,EAAE,eAAe;QACxB,SAAS,EAAE,eAAe;QAC1B,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,gBAAgB;QAC3B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,gBAAgB;QAC3B,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,gBAAgB;KACzB,CAAA;IAED,MAAM,aAAa,GAA+B;QAChD,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,OAAO;KACf,CAAA;IAED,MAAM,OAAO,GAAG;QACd,IAAA,4BAAkB,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC;QACzC,SAAS,CAAC,MAAM,CAAC;QACjB,QAAQ,CAAC,KAAK,CAAC;QACf,QAAQ,KAAK,EAAE;QACf,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;QAC5B,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;QACrC,iBAAiB;QACjB,IAAA,4BAAkB,EAAC,GAAG,EAAE,CAAC,EAAE,gBAAU,CAAC;QACtC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,kBAAkB;QAClB,IAAA,4BAAkB,EAAC,GAAG,EAAE,CAAC,EAAE,gBAAU,CAAC;QACtC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,IAAI,EAAE,EAAE,EAAE,gBAAU,CAAC;QACxC,IAAA,4BAAkB,EAAC,SAAS,EAAE,UAAU,EAAE,aAAa,CAAC;KACzD,CAAA;IAED,OAAO,8BAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA;AAnFY,QAAA,SAAS,aAmFrB"}

package/dist/esm/components/Link/link.d.ts

@@ -1,5 +1,18 @@
 import Link from 'next/link';
 import React from 'react';
-type Props = React.ComponentProps<typeof Link>;
-export default function PHXLink({ href, children, ...rest }: Props): React.JSX.Element;
+type NextLinkProps = Omit<React.ComponentProps<typeof Link>, 'as'> & {
+    as?: 'Link';
+};
+type AnchorLinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'as' | 'href'> & {
+    as: 'a';
+    href: string;
+};
+export type PHXLinkProps = AnchorLinkProps | NextLinkProps;
+/**
+ * Renders a link with PHX loading behavior.
+ *
+ * @param props - Link props. Use `as="a"` to render a native anchor, otherwise the component renders `next/link`.
+ * @returns A link element that starts the PHX loading state on click.
+ */
+export default function PHXLink(props: PHXLinkProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};

package/dist/esm/components/Link/link.js

@@ -2,11 +2,32 @@
 import Link from 'next/link';
 import React from 'react';
 import { useLoading } from '../LoadingProvider';
-export default function PHXLink({ href, children, ...rest }) {
+import { classNames } from '../types';
+/**
+ * Renders a link with PHX loading behavior.
+ *
+ * @param props - Link props. Use `as="a"` to render a native anchor, otherwise the component renders `next/link`.
+ * @returns A link element that starts the PHX loading state on click.
+ */
+export default function PHXLink(props) {
+    const { as = 'Link', children, className, onClick, ...rest } = props;
     const { setLoading } = useLoading();
-    const handleClick = () => {
+    const Component = as === 'a' ? 'a' : Link;
+    const anchorClassName = 'text-xs font-medium text-link-500 hover:text-link-600 active:text-link-600 hover:underline';
+    /**
+     * Starts the PHX loading state and forwards the click event to the consumer handler.
+     *
+     * @param event - Anchor click event from the rendered link element.
+     * @returns Nothing.
+     */
+    const handleClick = (event) => {
         setLoading(true);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
-    return (React.createElement(Link, { href: href, ...rest, onClick: handleClick }, children));
+    return React.createElement(Component, {
+        ...rest,
+        className: classNames(as === 'a' && anchorClassName, className),
+        onClick: handleClick,
+    }, children);
 }
 //# sourceMappingURL=link.js.map

package/dist/esm/components/Link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/Link/link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS;IAChE,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAA;IAEnC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,OAAO,EAAE,WAAW,IAC7C,QAAQ,CACJ,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/Link/link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAarC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAA;IACnC,MAAM,SAAS,GAAsB,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;IAC5D,MAAM,eAAe,GAAG,4FAA4F,CAAA;IAEpH;;;;;OAKG;IACH,MAAM,WAAW,GAA+C,CAAC,KAAK,EAAE,EAAE;QACxE,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,KAAK,CAAC,aAAa,CACxB,SAAS,EACT;QACE,GAAG,IAAI;QACP,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,GAAG,IAAI,eAAe,EAAE,SAAS,CAAC;QAC/D,OAAO,EAAE,WAAW;KACrB,EACD,QAAQ,CACT,CAAA;AACH,CAAC"}

package/dist/esm/components/TextV2/TextV2.d.ts

@@ -19,5 +19,6 @@ export interface PHXTextProps {
     pr?: Responsive<SpacingScale>;
     lineHeight?: Responsive<LineHeight>;
     isTruncate?: boolean;
+    normalWordBreak?: boolean;
 }
-export declare const PHXTextV2: ({ as: Tag, children, size, weight, color, align, m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight, isTruncate, }: PHXTextProps) => React.JSX.Element;
+export declare const PHXTextV2: ({ as: Tag, children, size, weight, color, align, m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight, isTruncate, normalWordBreak, }: PHXTextProps) => React.JSX.Element;

package/dist/esm/components/TextV2/TextV2.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import { spacingMap } from '../Box';
 import { getResponsiveClass } from '../../helpers/helpers';
-export const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular', color = 'default', align = 'left', m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight = 'none', isTruncate = false, }) => {
+export const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular', color = 'default', align = 'left', m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight = 'none', isTruncate = false, normalWordBreak = false, }) => {
     const sizeMap = {
         heading: '2xl',
         title: 'xl',
@@ -44,6 +44,7 @@ export const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 're
         colorMap[color],
         `text-${align}`,
         isTruncate ? 'truncate' : '',
+        normalWordBreak ? 'break-normal' : '',
         // Margin classes
         getResponsiveClass('m', m, spacingMap),
         getResponsiveClass('mt', mt, spacingMap),

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.1818",
+  "version": "1.3.1820",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",