@uzum-tech/ui 2.0.0-beta.3 → 2.0.0-beta.5

package/es/list/src/ListItem.d.ts

@@ -1,6 +1,6 @@
 import type { Component, ComputedRef, Slot } from 'vue';
 import type { ArrayEmptyHandler, ArrayFocusHandler, ArrayKeyboardHandler, ArrayMouseHandler, KeyboardEventHandler, MouseEventHandler } from '../../_utils';
-import type { Size } from './interface';
+import type { RenderableType, Size } from './interface';
 import type { DescriptionPropsObject, HeaderPropObject } from './props';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     avatar: {
@@ -155,7 +155,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loadingSkeleton: import("./interface").BooleanProp;
     icon: import("./interface").RenderableProp;
 }>> & Readonly<{}>, {
-    icon: import("./interface").RenderableType;
+    icon: RenderableType;
     avatar: import("../..").AvatarProps & {
         icon: Component;
         hasBadge?: boolean;

package/es/list/src/ListItem.mjs

@@ -104,7 +104,6 @@ export default defineComponent({
     };
   },
   render() {
-    var _a, _b, _c, _d, _e, _f;
     const {
       $slots,
       mergedClsPrefix,
@@ -156,8 +155,12 @@ export default defineComponent({
         borderRadius: `${prefixSkeletonborderRadius}px`
       }
     }) : $slots.prefix ? $slots.prefix() : renderAvatar()) : null;
-    const header = ((_a = this.header) === null || _a === void 0 ? void 0 : _a.text) || resolveSlot('header');
-    const description = ((_b = this.description) === null || _b === void 0 ? void 0 : _b.text) || resolveSlot('description');
+    const headerValue = this.header;
+    const descriptionValue = this.description;
+    const headerSideValue = this.headerSide;
+    const descriptionSideValue = this.descriptionSide;
+    const header = typeof headerValue === 'function' ? headerValue : (headerValue === null || headerValue === void 0 ? void 0 : headerValue.text) || resolveSlot('header');
+    const description = typeof descriptionValue === 'function' ? descriptionValue : (descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.text) || resolveSlot('description');
     const hasLeft = !!(header || description);
     const textVariant = {
       large: {
@@ -190,11 +193,13 @@ export default defineComponent({
         height: '24px'
       }
     };
-    const headerProps = Object.assign(Object.assign(Object.assign({}, defaultHeaderProps), this.header), {
-      skeleton: Object.assign(Object.assign({}, defaultHeaderProps.skeleton), (_c = this.header) === null || _c === void 0 ? void 0 : _c.skeleton)
+    const headerPropObj = typeof headerValue !== 'function' ? headerValue : undefined;
+    const descriptionPropObj = typeof descriptionValue !== 'function' ? descriptionValue : undefined;
+    const headerProps = Object.assign(Object.assign(Object.assign({}, defaultHeaderProps), headerPropObj), {
+      skeleton: Object.assign(Object.assign({}, defaultHeaderProps.skeleton), headerPropObj === null || headerPropObj === void 0 ? void 0 : headerPropObj.skeleton)
     });
-    const descriptionProps = Object.assign(Object.assign(Object.assign({}, defaultDescriptionProps), this.description), {
-      skeleton: Object.assign(Object.assign({}, defaultDescriptionProps.skeleton), (_d = this.description) === null || _d === void 0 ? void 0 : _d.skeleton)
+    const descriptionProps = Object.assign(Object.assign(Object.assign({}, defaultDescriptionProps), descriptionPropObj), {
+      skeleton: Object.assign(Object.assign({}, defaultDescriptionProps.skeleton), descriptionPropObj === null || descriptionPropObj === void 0 ? void 0 : descriptionPropObj.skeleton)
     });
     function renderTextNode(content, props, classSuffix) {
       return content ? h(InternalUText, Object.assign({}, props, {
@@ -212,11 +217,13 @@ export default defineComponent({
     }
     const headerNode = renderTextNode(header, headerProps, 'title');
     const descriptionNode = renderTextNode(description, descriptionProps, 'subtitle');
-    const headerSide = ((_e = this.headerSide) === null || _e === void 0 ? void 0 : _e.text) || resolveSlot('headerSide');
-    const descriptionSide = ((_f = this.descriptionSide) === null || _f === void 0 ? void 0 : _f.text) || resolveSlot('descriptionSide');
+    const headerSidePropObj = typeof headerSideValue !== 'function' ? headerSideValue : undefined;
+    const descriptionSidePropObj = typeof descriptionSideValue !== 'function' ? descriptionSideValue : undefined;
+    const headerSide = typeof headerSideValue === 'function' ? headerSideValue : (headerSidePropObj === null || headerSidePropObj === void 0 ? void 0 : headerSidePropObj.text) || resolveSlot('headerSide');
+    const descriptionSide = typeof descriptionSideValue === 'function' ? descriptionSideValue : (descriptionSidePropObj === null || descriptionSidePropObj === void 0 ? void 0 : descriptionSidePropObj.text) || resolveSlot('descriptionSide');
     const hasRight = !!(headerSide || descriptionSide);
-    const headerSideProps = Object.assign(Object.assign({}, defaultHeaderProps), this.headerSide);
-    const descriptionSideProps = Object.assign(Object.assign({}, defaultDescriptionProps), this.descriptionSide);
+    const headerSideProps = Object.assign(Object.assign({}, defaultHeaderProps), headerSidePropObj);
+    const descriptionSideProps = Object.assign(Object.assign({}, defaultDescriptionProps), descriptionSidePropObj);
     const headerSideNode = renderTextNode(headerSide, headerSideProps, 'title');
     const descriptionSideNode = renderTextNode(descriptionSide, descriptionSideProps, 'subtitle');
     const leftNode = hasLeft ? h("div", {
@@ -241,7 +248,7 @@ export default defineComponent({
     }, sharedAttrs), [prefixNode, h("div", {
       class: `${mergedClsPrefix}-list-item__main`
     }, h("div", {
-      class: `${mergedClsPrefix}-list-item__text`
+      class: [`${mergedClsPrefix}-list-item__text`, hasRight && `${mergedClsPrefix}-list-item__text--has-right`]
     }, $slots.default ? $slots.default() : [leftNode, rightNode])), suffixNode, showDivider && h("hr", {
       class: `${mergedClsPrefix}-list-item__divider`
     })]);

package/es/list/src/props.d.ts

@@ -4,7 +4,7 @@ import type { InternalTextProps } from '../../_internal/typography';
 import type { ArrayEmptyHandler, ArrayFocusHandler, ArrayKeyboardHandler, ArrayMouseHandler, ExtractPublicPropTypes } from '../../_utils';
 import type { AvatarProps } from '../../avatar';
 import type { BadgeProps } from '../../badge';
-import type { ExtractIntoInjection, ListInjectionBoolean, ListInjectionRenderable, ListItemPropsBoolean, ListItemPropsRenderable, Size } from './interface';
+import type { ExtractIntoInjection, ListInjectionBoolean, ListInjectionRenderable, ListItemPropsBoolean, ListItemPropsRenderable, RenderableType, Size } from './interface';
 export declare const listItemPropsBoolean: Array<keyof ListItemPropsBoolean>;
 export declare const listItemPropsRenderable: Array<keyof ListItemPropsRenderable>;
 export declare const listItemBaseProps: {
@@ -254,6 +254,8 @@ export declare const listProps: {
         suffixSize: string;
     }, any>>>;
 };
+export type HeaderValue = HeaderPropObject | RenderableType | undefined;
+export type DescriptionValue = DescriptionPropsObject | RenderableType | undefined;
 export type ListInjection = ExtractIntoInjection<typeof listItemBaseProps> & ListInjectionBoolean & ListInjectionRenderable & {
     mergedClsPrefix: Ref<string>;
     tag: Ref<string>;

package/es/list/src/styles/index.cssr.mjs

@@ -83,9 +83,11 @@ export default c([cB('align-start', `
 })]), cE('text', `
  display: grid;
  gap: 16px;
- grid-template-columns: 1fr 1fr;
+ grid-template-columns: 1fr;
  height: 100%
- `), cE('title', `
+ `, [cM('has-right', `
+ grid-template-columns: 1fr 1fr;
+ `)]), cE('title', `
  flex-grow: 1;
  `), cE('subtitle', `
  flex-grow: 1;

package/es/locales/common/enUS.d.ts

@@ -140,6 +140,12 @@ declare const enUS: {
         deleteText: string;
         editingTitle: string;
     };
+    MappingCard: {
+        copyTooltip: string;
+        editTooltip: string;
+        deleteTooltip: string;
+        switchTooltip: string;
+    };
     Header: {
         desktopSearchTitle: string;
         searchPlaceholder: string;

package/es/locales/common/enUS.mjs

@@ -141,6 +141,12 @@ const enUS = {
     deleteText: 'Delete',
     editingTitle: 'Editing'
   },
+  MappingCard: {
+    copyTooltip: 'Copy',
+    editTooltip: 'Edit',
+    deleteTooltip: 'Delete',
+    switchTooltip: 'Toggle'
+  },
   Header: {
     desktopSearchTitle: 'Search',
     searchPlaceholder: 'Search the site',

package/es/locales/common/ruRU.mjs

@@ -145,6 +145,12 @@ const ruRu = {
     deleteText: 'Удалить',
     editingTitle: 'Редактирование'
   },
+  MappingCard: {
+    copyTooltip: 'Копировать',
+    editTooltip: 'Редактировать',
+    deleteTooltip: 'Удалить',
+    switchTooltip: 'Переключить'
+  },
   Header: {
     desktopSearchTitle: 'Поиск',
     searchPlaceholder: 'Поиск по сайту',

package/es/mapping-card/index.d.ts

@@ -0,0 +1,7 @@
+export { renderConfig } from '../_internal/component-renderer';
+export type { ComponentConfig } from '../_internal/component-renderer';
+export type { MappingCardListProps, MappingCardProps, MappingRow, MappingRowItem } from './src/interface';
+export { default as UMappingCard } from './src/MappingCard';
+export { default as UMappingCardList } from './src/MappingCardList';
+export { mappingCardDark, mappingCardLight } from './styles';
+export type { MappingCardTheme, MappingCardThemeVars } from './styles';

package/es/mapping-card/index.mjs

@@ -0,0 +1,4 @@
+export { renderConfig } from "../_internal/component-renderer/index.mjs";
+export { default as UMappingCard } from "./src/MappingCard.mjs";
+export { default as UMappingCardList } from "./src/MappingCardList.mjs";
+export { mappingCardDark, mappingCardLight } from "./styles/index.mjs";