@snack-uikit/link 0.11.10-preview-0df2fefa.0 → 0.12.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.12.0 (2024-05-31)
+
+
+### Features
+
+* **FF-00:** add truncateVariant prop ([db11f81](https://github.com/cloud-ru-tech/snack-uikit/commit/db11f81a139e024114031ecab2767fdfd8eef041))
+
+
+
+
+
+## 0.11.10 (2024-05-30)
+
+### Only dependencies have been changed
+* [@snack-uikit/truncate-string@0.4.16](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.11.9 (2024-05-23)
 
 ### Only dependencies have been changed

package/README.md

@@ -40,6 +40,7 @@ import { Link } from '@snack-uikit/link';
 | appearance | enum Appearance: `"invert-neutral"`, `"neutral"`, `"primary"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Стилизует ссылку для размещения на цветном фоне |
 | textMode | enum TextMode: `"default"`, `"accent"`, `"on-accent"` | default | Тип поверхности, на которой размещена ссылка |
 | insideText | `boolean` | - | Находится ли ссылка внутри текста (и можно ли её переносить) |
+| truncateVariant | "end" \| "middle" | - | Вариант обрезания строки: <br> - `end` - с конца; <br> - `middle` - по середине |
 
 
 [//]: DOCUMENTATION_SECTION_END

package/dist/components/Link.d.ts

@@ -1,4 +1,5 @@
 import { AnchorHTMLAttributes, MouseEventHandler } from 'react';
+import { TruncateStringProps } from '@snack-uikit/truncate-string';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { Appearance, Size, TextMode } from './types';
 export type LinkProps = WithSupportProps<{
@@ -30,6 +31,12 @@ export type LinkProps = WithSupportProps<{
     textMode?: TextMode;
     /** Находится ли ссылка внутри текста (и можно ли её переносить) */
     insideText?: boolean;
+    /**
+     * Вариант обрезания строки:
+     * <br> - `end` - с конца;
+     * <br> - `middle` - по середине
+     * */
+    truncateVariant?: TruncateStringProps['variant'];
 }>;
 /** Компонент ссылка */
-export declare function Link({ text, className, href, target, download, onClick, textMode, size, external, appearance, insideText, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ text, className, href, target, download, onClick, textMode, size, external, appearance, insideText, truncateVariant, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Link.js

@@ -18,6 +18,6 @@ import { APPEARANCE, SIZE, TEXT_MODE } from './constants';
 import styles from './styles.module.css';
 /** Компонент ссылка */
 export function Link(_a) {
-    var { text = '', className, href = '#', target = '_blank', download, onClick, textMode = TEXT_MODE.Default, size = SIZE.S, external, appearance = APPEARANCE.Primary, insideText = false } = _a, rest = __rest(_a, ["text", "className", "href", "target", "download", "onClick", "textMode", "size", "external", "appearance", "insideText"]);
-    return (_jsxs("a", Object.assign({ className: cn(styles.link, className), href: href, target: target, download: download, onClick: onClick }, extractSupportProps(rest), { "data-size": size, "data-text-mode": textMode, "data-appearance": appearance, "data-inside-text": insideText || undefined, rel: target === '_blank' ? 'noopener noreferrer' : undefined, children: [insideText ? text : _jsx(TruncateString, { text: text, maxLines: 1 }), external && _jsx(ArrowLinksSVG, { "data-test-id": 'link__external-icon', className: styles.icon })] })));
+    var { text = '', className, href = '#', target = '_blank', download, onClick, textMode = TEXT_MODE.Default, size = SIZE.S, external, appearance = APPEARANCE.Primary, insideText = false, truncateVariant } = _a, rest = __rest(_a, ["text", "className", "href", "target", "download", "onClick", "textMode", "size", "external", "appearance", "insideText", "truncateVariant"]);
+    return (_jsxs("a", Object.assign({ className: cn(styles.link, className), href: href, target: target, download: download, onClick: onClick }, extractSupportProps(rest), { "data-size": size, "data-text-mode": textMode, "data-appearance": appearance, "data-inside-text": insideText || undefined, rel: target === '_blank' ? 'noopener noreferrer' : undefined, children: [insideText ? text : _jsx(TruncateString, { text: text, maxLines: 1, variant: truncateVariant }), external && _jsx(ArrowLinksSVG, { "data-test-id": 'link__external-icon', className: styles.icon })] })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Link",
-  "version": "0.11.10-preview-0df2fefa.0",
+  "version": "0.12.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -33,9 +33,9 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/icons": "0.21.0",
-    "@snack-uikit/truncate-string": "0.4.16-preview-0df2fefa.0",
+    "@snack-uikit/truncate-string": "0.4.16",
     "@snack-uikit/utils": "3.3.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "b9b046d5b81b69bc94be7c3761ddce101b8c7375"
+  "gitHead": "991ffad241404c812995c4ddcc3f20e9236aed43"
 }

package/src/components/Link.tsx

@@ -2,7 +2,7 @@ import cn from 'classnames';
 import { AnchorHTMLAttributes, MouseEventHandler } from 'react';
 
 import { ArrowLinksSVG } from '@snack-uikit/icons';
-import { TruncateString } from '@snack-uikit/truncate-string';
+import { TruncateString, TruncateStringProps } from '@snack-uikit/truncate-string';
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
 import { APPEARANCE, SIZE, TEXT_MODE } from './constants';
@@ -38,6 +38,12 @@ export type LinkProps = WithSupportProps<{
   textMode?: TextMode;
   /** Находится ли ссылка внутри текста (и можно ли её переносить) */
   insideText?: boolean;
+  /**
+   * Вариант обрезания строки:
+   * <br> - `end` - с конца;
+   * <br> - `middle` - по середине
+   * */
+  truncateVariant?: TruncateStringProps['variant'];
 }>;
 
 /** Компонент ссылка */
@@ -53,6 +59,7 @@ export function Link({
   external,
   appearance = APPEARANCE.Primary,
   insideText = false,
+  truncateVariant,
   ...rest
 }: LinkProps) {
   return (
@@ -69,7 +76,7 @@ export function Link({
       data-inside-text={insideText || undefined}
       rel={target === '_blank' ? 'noopener noreferrer' : undefined}
     >
-      {insideText ? text : <TruncateString text={text} maxLines={1} />}
+      {insideText ? text : <TruncateString text={text} maxLines={1} variant={truncateVariant} />}
 
       {external && <ArrowLinksSVG data-test-id='link__external-icon' className={styles.icon} />}
     </a>