@pallasoft/ps-core-components 2.37.0 → 2.38.0

package/dist/components/ps-capped-list.js

@@ -4,11 +4,11 @@ exports.PsCappedList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ps_capped_list_config_1 = require("../constants/ps-capped-list-config");
-const ps_button_1 = require("./ps-button");
+const ps_text_link_1 = require("./ps-text-link");
 const PsCappedList = ({ getKey, items, renderItem, showAllLabel, visibleRows = ps_capped_list_config_1.PsCappedListConfig.defaultVisibleRows, }) => {
     const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
     const isCapped = !isExpanded && items.length > visibleRows;
     const shown = isCapped ? items.slice(0, visibleRows) : items;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-2', children: [(0, jsx_runtime_1.jsx)("ul", { className: '-my-2 flex flex-col divide-y divide-line', children: shown.map((item) => ((0, jsx_runtime_1.jsx)("li", { children: renderItem(item) }, getKey(item)))) }), isCapped ? ((0, jsx_runtime_1.jsx)(ps_button_1.PsButton, { className: 'self-start', onClick: () => setIsExpanded(true), size: 'compact', variant: 'surface', children: showAllLabel })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-2', children: [(0, jsx_runtime_1.jsx)("ul", { className: '-my-2 flex flex-col divide-y divide-line', children: shown.map((item) => ((0, jsx_runtime_1.jsx)("li", { children: renderItem(item) }, getKey(item)))) }), isCapped ? ((0, jsx_runtime_1.jsx)(ps_text_link_1.PsTextLink, { className: 'self-start', onClick: () => setIsExpanded(true), size: 'compact', children: showAllLabel })) : null] }));
 };
 exports.PsCappedList = PsCappedList;

package/dist/components/ps-text-link.d.ts

@@ -0,0 +1,12 @@
+import type { ElementType, ReactNode } from 'react';
+export interface PsTextLinkProps {
+    'aria-label'?: string;
+    'children': ReactNode;
+    'className'?: string;
+    'href'?: string;
+    'id'?: string;
+    'LinkComponent'?: ElementType;
+    'onClick'?: () => void;
+    'size'?: 'compact' | 'default';
+}
+export declare const PsTextLink: ({ children, className, href, LinkComponent, onClick, size, ...props }: PsTextLinkProps) => import("react").JSX.Element;

package/dist/components/ps-text-link.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_text_link_classes_1 = require("../constants/ps-text-link-classes");
+const PsTextLink = ({ children, className, href, LinkComponent, onClick, size = 'default', ...props }) => {
+    const linkClassName = ps_design_system_1.PallasoftClassNameService.merge(ps_text_link_classes_1.PsTextLinkClassName, ps_text_link_classes_1.PsTextLinkSizeClassNames[size], className);
+    if (href === undefined)
+        return ((0, jsx_runtime_1.jsx)("button", { className: linkClassName, onClick: onClick, type: 'button', ...props, children: children }));
+    return LinkComponent ? ((0, jsx_runtime_1.jsx)(LinkComponent, { className: linkClassName, onClick: onClick, prefetch: 'intent', to: href, ...props, children: children })) : ((0, jsx_runtime_1.jsx)("a", { className: linkClassName, href: href, onClick: onClick, ...props, children: children }));
+};
+exports.PsTextLink = PsTextLink;

package/dist/constants/ps-text-link-classes.d.ts

@@ -0,0 +1,5 @@
+export declare const PsTextLinkClassName = "ps-focus-ring inline-flex max-w-full items-center gap-1 rounded-sm font-semibold text-primary underline-offset-4 transition-colors hover:underline";
+export declare const PsTextLinkSizeClassNames: {
+    compact: string;
+    default: string;
+};

package/dist/constants/ps-text-link-classes.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsTextLinkSizeClassNames = exports.PsTextLinkClassName = void 0;
+exports.PsTextLinkClassName = 'ps-focus-ring inline-flex max-w-full items-center gap-1 rounded-sm font-semibold text-primary underline-offset-4 transition-colors hover:underline';
+exports.PsTextLinkSizeClassNames = {
+    compact: 'text-xs',
+    default: 'text-sm',
+};

package/dist/esm/components/ps-capped-list.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { PsCappedListConfig } from '../constants/ps-capped-list-config.js';
-import { PsButton } from './ps-button.js';
+import { PsTextLink } from './ps-text-link.js';
 export const PsCappedList = ({ getKey, items, renderItem, showAllLabel, visibleRows = PsCappedListConfig.defaultVisibleRows, }) => {
     const [isExpanded, setIsExpanded] = useState(false);
     const isCapped = !isExpanded && items.length > visibleRows;
     const shown = isCapped ? items.slice(0, visibleRows) : items;
-    return (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx("ul", { className: '-my-2 flex flex-col divide-y divide-line', children: shown.map((item) => (_jsx("li", { children: renderItem(item) }, getKey(item)))) }), isCapped ? (_jsx(PsButton, { className: 'self-start', onClick: () => setIsExpanded(true), size: 'compact', variant: 'surface', children: showAllLabel })) : null] }));
+    return (_jsxs("div", { className: 'flex flex-col gap-2', children: [_jsx("ul", { className: '-my-2 flex flex-col divide-y divide-line', children: shown.map((item) => (_jsx("li", { children: renderItem(item) }, getKey(item)))) }), isCapped ? (_jsx(PsTextLink, { className: 'self-start', onClick: () => setIsExpanded(true), size: 'compact', children: showAllLabel })) : null] }));
 };

package/dist/esm/components/ps-text-link.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
+import { PsTextLinkClassName, PsTextLinkSizeClassNames } from '../constants/ps-text-link-classes.js';
+export const PsTextLink = ({ children, className, href, LinkComponent, onClick, size = 'default', ...props }) => {
+    const linkClassName = PallasoftClassNameService.merge(PsTextLinkClassName, PsTextLinkSizeClassNames[size], className);
+    if (href === undefined)
+        return (_jsx("button", { className: linkClassName, onClick: onClick, type: 'button', ...props, children: children }));
+    return LinkComponent ? (_jsx(LinkComponent, { className: linkClassName, onClick: onClick, prefetch: 'intent', to: href, ...props, children: children })) : (_jsx("a", { className: linkClassName, href: href, onClick: onClick, ...props, children: children }));
+};

package/dist/esm/constants/ps-text-link-classes.js

@@ -0,0 +1,5 @@
+export const PsTextLinkClassName = 'ps-focus-ring inline-flex max-w-full items-center gap-1 rounded-sm font-semibold text-primary underline-offset-4 transition-colors hover:underline';
+export const PsTextLinkSizeClassNames = {
+    compact: 'text-xs',
+    default: 'text-sm',
+};

package/dist/esm/index.js

@@ -7,6 +7,7 @@ export * from './constants/ps-audio-spectrum-config.js';
 export * from './components/ps-badge.js';
 export * from './components/ps-button.js';
 export * from './components/ps-link-button.js';
+export * from './components/ps-text-link.js';
 export * from './components/ps-pallasoft-mark.js';
 export * from './components/ps-pallasoft-sign-in-button.js';
 export * from './components/ps-store-badge.js';

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './constants/ps-audio-spectrum-config';
 export * from './components/ps-badge';
 export * from './components/ps-button';
 export * from './components/ps-link-button';
+export * from './components/ps-text-link';
 export * from './components/ps-pallasoft-mark';
 export * from './components/ps-pallasoft-sign-in-button';
 export * from './components/ps-store-badge';

package/dist/index.js

@@ -23,6 +23,7 @@ __exportStar(require("./constants/ps-audio-spectrum-config"), exports);
 __exportStar(require("./components/ps-badge"), exports);
 __exportStar(require("./components/ps-button"), exports);
 __exportStar(require("./components/ps-link-button"), exports);
+__exportStar(require("./components/ps-text-link"), exports);
 __exportStar(require("./components/ps-pallasoft-mark"), exports);
 __exportStar(require("./components/ps-pallasoft-sign-in-button"), exports);
 __exportStar(require("./components/ps-store-badge"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "2.37.0",
+	"version": "2.38.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",