@snack-uikit/list 0.14.3-preview-8898cdde.0 → 0.14.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.14.3 (2024-08-06)
+
+
+### Bug Fixes
+
+* **PDS-629:** fix headline height; fix content align; add media hover ([2817670](https://github.com/cloud-ru-tech/snack-uikit/commit/2817670df79299849a266425df5a53979c9e37f6))
+
+
+
+
+
 ## 0.14.2 (2024-07-29)
 
 ### Only dependencies have been changed

package/dist/helperComponents/ItemContent/ItemContent.d.ts

@@ -1,8 +1,8 @@
 import { TruncateStringProps } from '@snack-uikit/truncate-string';
 import { WithSupportProps } from '@snack-uikit/utils';
 type TruncateProps = {
-    option?: number | null;
-    description?: number | null;
+    option?: number;
+    description?: number;
     variant?: TruncateStringProps['variant'];
 };
 export type ItemContentProps = WithSupportProps<{

package/dist/helperComponents/ItemContent/ItemContent.js

@@ -22,9 +22,8 @@ const DEFAULT_TRUNCATE = {
     variant: 'end',
 };
 export function ItemContent(_a) {
-    var _b;
     var { truncate: truncateProp, caption, description, option, className, disabled } = _a, rest = __rest(_a, ["truncate", "caption", "description", "option", "className", "disabled"]);
     const { size = 's' } = useNewListContext();
     const truncate = useMemo(() => (Object.assign(Object.assign({}, DEFAULT_TRUNCATE), truncateProp)), [truncateProp]);
-    return (_jsxs("div", Object.assign({ className: cn(styles.content, className) }, extractSupportProps(rest), { "data-size": size !== null && size !== void 0 ? size : 's', "data-disabled": disabled || undefined, children: [_jsxs("div", { className: styles.headline, children: [_jsx("div", { className: styles.label, children: _jsx(TruncateString, { variant: truncate === null || truncate === void 0 ? void 0 : truncate.variant, text: String(option), maxLines: truncate === null || truncate === void 0 ? void 0 : truncate.option, "data-test-id": 'list__base-item-option' }) }), caption && _jsx("span", { className: styles.caption, children: caption })] }), description && (_jsx("div", { className: styles.description, children: _jsx(TruncateString, { text: description, maxLines: (_b = truncate === null || truncate === void 0 ? void 0 : truncate.description) !== null && _b !== void 0 ? _b : 2, "data-test-id": 'list__base-item-description' }) }))] })));
+    return (_jsxs("div", Object.assign({ className: cn(styles.content, className) }, extractSupportProps(rest), { "data-size": size !== null && size !== void 0 ? size : 's', "data-disabled": disabled || undefined, children: [_jsxs("div", { className: styles.headline, children: [_jsx("div", { className: styles.label, children: _jsx(TruncateString, { variant: truncate.variant, text: String(option), maxLines: truncate.option, "data-test-id": 'list__base-item-option' }) }), caption && _jsx("span", { className: styles.caption, children: caption })] }), description && (_jsx("div", { className: styles.description, children: _jsx(TruncateString, { text: description, maxLines: truncate.description, "data-test-id": 'list__base-item-description' }) }))] })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "List",
-  "version": "0.14.3-preview-8898cdde.0",
+  "version": "0.14.3",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,16 +32,16 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.17.3-preview-8898cdde.0",
+    "@snack-uikit/button": "0.17.3",
     "@snack-uikit/divider": "3.0.3",
     "@snack-uikit/dropdown": "0.2.4",
     "@snack-uikit/icons": "0.22.0",
-    "@snack-uikit/info-block": "0.4.5-preview-8898cdde.0",
+    "@snack-uikit/info-block": "0.4.5",
     "@snack-uikit/loaders": "0.5.2",
     "@snack-uikit/scroll": "0.6.0",
     "@snack-uikit/search-private": "0.2.2",
     "@snack-uikit/toggles": "0.10.2",
-    "@snack-uikit/truncate-string": "0.4.21-preview-8898cdde.0",
+    "@snack-uikit/truncate-string": "0.4.20",
     "@snack-uikit/utils": "3.3.0",
     "classnames": "2.5.1",
     "merge-refs": "1.2.2"
@@ -49,5 +49,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "a0351f376ac28462b847d1bf99ad3f7ba7a1d0cd"
+  "gitHead": "b5cf5887d7e1a31571c4ca424b022ef391ed4fef"
 }

package/src/helperComponents/ItemContent/ItemContent.tsx

@@ -8,8 +8,8 @@ import { useNewListContext } from '../../components/Lists/contexts';
 import styles from './styles.module.scss';
 
 type TruncateProps = {
-  option?: number | null;
-  description?: number | null;
+  option?: number;
+  description?: number;
   variant?: TruncateStringProps['variant'];
 };
 
@@ -38,6 +38,7 @@ export function ItemContent({
   ...rest
 }: ItemContentProps) {
   const { size = 's' } = useNewListContext();
+
   const truncate = useMemo(
     () => ({
       ...DEFAULT_TRUNCATE,
@@ -56,9 +57,9 @@ export function ItemContent({
       <div className={styles.headline}>
         <div className={styles.label}>
           <TruncateString
-            variant={truncate?.variant}
+            variant={truncate.variant}
             text={String(option)}
-            maxLines={truncate?.option}
+            maxLines={truncate.option}
             data-test-id='list__base-item-option'
           />
         </div>
@@ -69,7 +70,7 @@ export function ItemContent({
         <div className={styles.description}>
           <TruncateString
             text={description}
-            maxLines={truncate?.description ?? 2}
+            maxLines={truncate.description}
             data-test-id='list__base-item-description'
           />
         </div>

package/src/helperComponents/ItemContent/styles.module.scss

@@ -25,7 +25,6 @@ $typography: (
 
 .headline {
   display: flex;
-  // align-items: flex-start;
 }
 
 .label {
@@ -61,7 +60,6 @@ $typography: (
 
         display: flex;
         align-items: center;
-        // height: 100%;
       }
       .caption {
         @include composite-var($typography, $size, 'caption');