@uzum-tech/ui 1.14.3 → 1.14.5

package/lib/carousel/src/CarouselItem.d.ts

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue';
-export declare const isCarouselItem: (child: VNode) => boolean;
+export declare function isCarouselItem(child: VNode): boolean;
 declare const _default: import("vue").DefineComponent<{}, {
     mergedClsPrefix: import("vue").Ref<string>;
     selfElRef: import("vue").Ref<HTMLElement | undefined>;

package/lib/carousel/src/CarouselItem.js

@@ -1,18 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isCarouselItem = void 0;
+exports.isCarouselItem = isCarouselItem;
+const lodash_es_1 = require("lodash-es");
 const vue_1 = require("vue");
-const lodash_1 = require("lodash");
 const _mixins_1 = require("../../_mixins");
 const CarouselContext_1 = require("./CarouselContext");
 const CarouselItemName = 'CarouselItem';
-const isCarouselItem = (child) => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName; };
-exports.isCarouselItem = isCarouselItem;
+function isCarouselItem(child) {
+    var _a;
+    return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName;
+}
 exports.default = (0, vue_1.defineComponent)({
     name: CarouselItemName,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const UCarousel = (0, CarouselContext_1.useCarouselContext)((0, lodash_1.camelCase)(CarouselItemName), `u-${(0, lodash_1.camelCase)(CarouselItemName)}`);
+        const UCarousel = (0, CarouselContext_1.useCarouselContext)((0, lodash_es_1.camelCase)(CarouselItemName), `u-${(0, lodash_es_1.camelCase)(CarouselItemName)}`);
         const selfElRef = (0, vue_1.ref)();
         const indexRef = (0, vue_1.computed)(() => {
             const { value: selfEl } = selfElRef;

package/lib/carousel/src/interface.d.ts

@@ -7,13 +7,29 @@ export interface CarouselInst {
 }
 export interface ArrowScopedSlotProps extends Pick<CarouselContextValue, 'to' | 'prev' | 'next' | 'isPrevDisabled' | 'isNextDisabled'> {
     total: number;
+    current: number;
     currentIndex: number;
 }
 export interface DotScopedSlotProps extends Pick<CarouselContextValue, 'to'> {
     total: number;
+    current: number;
     currentIndex: number;
 }
 export interface Size {
     width: number;
     height: number;
 }
+export interface CarouselArrowSlotProps {
+    total: number;
+    current: number;
+    currentIndex: number;
+    to: (index: number) => void;
+    prev: () => void;
+    next: () => void;
+}
+export interface CarouselDotSlotProps {
+    total: number;
+    current: number;
+    currentIndex: number;
+    to: (index: number) => void;
+}

package/lib/carousel/src/utils/index.js

@@ -25,12 +25,12 @@ function calculateSize(element, innerOnly) {
         const style = getComputedStyle(element);
         width =
             width -
-                parseFloat(style.getPropertyValue('padding-left')) -
-                parseFloat(style.getPropertyValue('padding-right'));
+                Number.parseFloat(style.getPropertyValue('padding-left')) -
+                Number.parseFloat(style.getPropertyValue('padding-right'));
         height =
             height -
-                parseFloat(style.getPropertyValue('padding-top')) -
-                parseFloat(style.getPropertyValue('padding-bottom'));
+                Number.parseFloat(style.getPropertyValue('padding-top')) -
+                Number.parseFloat(style.getPropertyValue('padding-bottom'));
     }
     return { width, height };
 }

package/lib/carousel/styles/light.d.ts

@@ -1,6 +1,5 @@
-import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(): {
     dotSize: string;
     dotColor: string;
     dotColorActive: string;

package/lib/carousel/styles/light.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const common_1 = require("../../_styles/common");
-const self = (vars) => {
+function self() {
     return {
         dotSize: '8px',
         dotColor: 'rgba(255, 255, 255, .3)',
@@ -12,11 +12,10 @@ const self = (vars) => {
         dotLineWidthActive: '24px',
         arrowColor: '#eee'
     };
-};
-exports.self = self;
+}
 const carouselLight = {
     name: 'Carousel',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = carouselLight;

package/lib/mapping-card/src/MappingCard.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideCopy"]>;
         readonly default: false;
     };
+    hideHeaderActions: {
+        readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideHeaderActions"]>;
+        readonly default: false;
+    };
     copyButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["copyButtonProps"]>;
     copyIconProps: import("vue").PropType<import("./interface").MappingCardInterface["copyIconProps"]>;
     headerEditButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["headerEditButtonProps"]>;
@@ -1065,6 +1069,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideCopy"]>;
         readonly default: false;
     };
+    hideHeaderActions: {
+        readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideHeaderActions"]>;
+        readonly default: false;
+    };
     copyButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["copyButtonProps"]>;
     copyIconProps: import("vue").PropType<import("./interface").MappingCardInterface["copyIconProps"]>;
     headerEditButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["headerEditButtonProps"]>;
@@ -2087,5 +2095,6 @@ declare const _default: import("vue").DefineComponent<{
     cols: number | undefined;
     defaultSpan: number | undefined;
     hideCopy: boolean | undefined;
+    hideHeaderActions: boolean | undefined;
 }, {}>;
 export default _default;

package/lib/mapping-card/src/MappingCardList.d.ts

@@ -1,8 +1,7 @@
 import type { PaginationProps } from '../../pagination';
-import type { MappingCardProps } from './interface';
 declare const _default: import("vue").DefineComponent<{
     readonly items: {
-        readonly type: import("vue").PropType<MappingCardProps[]>;
+        readonly type: import("vue").PropType<import("./interface").MappingCardProps[]>;
         readonly default: () => never[];
     };
     readonly pagination: {
@@ -15,11 +14,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
-    paginatedItems: import("vue").ComputedRef<MappingCardProps[]>;
     mergedPagination: import("vue").ComputedRef<PaginationProps | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly items: {
-        readonly type: import("vue").PropType<MappingCardProps[]>;
+        readonly type: import("vue").PropType<import("./interface").MappingCardProps[]>;
         readonly default: () => never[];
     };
     readonly pagination: {
@@ -32,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly gap: number;
-    readonly items: MappingCardProps[];
+    readonly items: import("./interface").MappingCardProps[];
     readonly pagination: false | PaginationProps;
 }, {}>;
 export default _default;

package/lib/mapping-card/src/MappingCardList.js

@@ -5,80 +5,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
-const _utils_1 = require("../../_utils");
 const pagination_1 = require("../../pagination");
+const flex_1 = require("../../flex");
 const MappingCard_1 = __importDefault(require("./MappingCard"));
 const interface_1 = require("./interface");
 exports.default = (0, vue_1.defineComponent)({
     name: 'MappingCardList',
     props: interface_1.mappingCardListProps,
     setup(props) {
-        var _a;
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const uncontrolledPageRef = (0, vue_1.ref)(1);
-        const uncontrolledPageSizeRef = (0, vue_1.ref)(props.pagination !== false ? (_a = props.pagination.pageSize) !== null && _a !== void 0 ? _a : 10 : 10);
-        const mergedPageRef = (0, vue_1.computed)(() => {
-            const { pagination } = props;
-            if (pagination !== false && pagination.page !== undefined) {
-                return pagination.page;
-            }
-            return uncontrolledPageRef.value;
-        });
-        const mergedPageSizeRef = (0, vue_1.computed)(() => {
-            const { pagination } = props;
-            if (pagination !== false && pagination.pageSize !== undefined) {
-                return pagination.pageSize;
-            }
-            return uncontrolledPageSizeRef.value;
-        });
-        const paginatedItemsRef = (0, vue_1.computed)(() => {
-            const { pagination, items } = props;
-            if (!pagination)
-                return items;
-            const pageSize = mergedPageSizeRef.value;
-            const startIndex = (mergedPageRef.value - 1) * pageSize;
-            return items.slice(startIndex, startIndex + pageSize);
-        });
-        function doUpdatePage(page) {
-            uncontrolledPageRef.value = page;
-            const pagination = props.pagination;
-            if (!pagination)
-                return;
-            if (pagination['onUpdate:page']) {
-                (0, _utils_1.call)(pagination['onUpdate:page'], page);
-            }
-        }
-        function doUpdatePageSize(pageSize) {
-            uncontrolledPageSizeRef.value = pageSize;
-            uncontrolledPageRef.value = 1;
-            const pagination = props.pagination;
-            if (!pagination)
-                return;
-            if (pagination['onUpdate:pageSize']) {
-                (0, _utils_1.call)(pagination['onUpdate:pageSize'], pageSize);
-            }
-        }
         const mergedPaginationRef = (0, vue_1.computed)(() => {
             const { pagination } = props;
-            if (!pagination)
+            if (pagination === false)
                 return null;
-            return Object.assign(Object.assign({}, pagination), { 'onUpdate:page': doUpdatePage, 'onUpdate:pageSize': doUpdatePageSize, page: mergedPageRef.value, pageSize: mergedPageSizeRef.value, itemCount: props.items.length });
+            return pagination;
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            paginatedItems: paginatedItemsRef,
             mergedPagination: mergedPaginationRef
         };
     },
     render() {
-        const { mergedClsPrefix, paginatedItems, mergedPagination, gap } = this;
+        const { mergedClsPrefix, mergedPagination, gap, items } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-mapping-card-list` },
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-mapping-card-list__items`, style: { display: 'flex', flexDirection: 'column', gap: `${gap}px` } }, paginatedItems.map((item, index) => ((0, vue_1.h)(MappingCard_1.default, Object.assign({ key: index }, item))))),
-            mergedPagination ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-mapping-card-list__pagination`, style: {
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                    marginTop: '16px'
-                } },
-                (0, vue_1.h)(pagination_1.UPagination, Object.assign({}, mergedPagination)))) : null));
+            (0, vue_1.h)(flex_1.UFlex, { vertical: true, size: gap, class: `${mergedClsPrefix}-mapping-card-list__items` }, {
+                default: () => items.map((item, index) => (0, vue_1.h)(MappingCard_1.default, Object.assign({ key: index }, item)))
+            }),
+            mergedPagination ? ((0, vue_1.h)(flex_1.UFlex, { justify: "flex-end", class: `${mergedClsPrefix}-mapping-card-list__pagination` }, {
+                default: () => (0, vue_1.h)(pagination_1.UPagination, Object.assign({}, mergedPagination))
+            })) : null));
     }
 });

package/lib/mapping-card/src/MappingCardParts/Body.js

@@ -33,10 +33,16 @@ exports.default = (0, vue_1.defineComponent)({
                 })));
         };
         return ((0, vue_1.h)("div", { class: `${prefix}-mapping-card__body` }, rows.map((group, index) => {
-            var _a, _b;
+            var _a;
             return ((0, vue_1.h)("div", { key: (_a = group.id) !== null && _a !== void 0 ? _a : index, class: `${prefix}-mapping-card__body-group` },
-                (0, vue_1.h)(list_1.UList, { showDivider: false, showIcon: false },
-                    (0, vue_1.h)(grid_1.UGrid, { cols: (_b = props.cols) !== null && _b !== void 0 ? _b : 3, layoutShiftDisabled: true, class: `${prefix}-mapping-card__body-items` }, group.items.map(renderRowItem))),
+                (0, vue_1.h)(list_1.UList, { showDivider: false, showIcon: false }, {
+                    default: () => {
+                        var _a;
+                        return ((0, vue_1.h)(grid_1.UGrid, { cols: (_a = props.cols) !== null && _a !== void 0 ? _a : 3, layoutShiftDisabled: true, class: `${prefix}-mapping-card__body-items` }, {
+                            default: () => group.items.map(renderRowItem)
+                        }));
+                    }
+                }),
                 group.icon && ((0, vue_1.h)("div", { class: `${prefix}-mapping-card__body-group-icon` }, group.icon()))));
         })));
     }

package/lib/mapping-card/src/MappingCardParts/Header.js

@@ -24,23 +24,25 @@ exports.default = (0, vue_1.defineComponent)({
         const locale = localeRef.value;
         const renderTextProp = (value) => typeof value === 'function' ? value() : value;
         return ((0, vue_1.h)("div", { class: `${prefix}-mapping-card__header` },
-            (0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small", class: `${prefix}-mapping-card__header-info` },
-                (0, vue_1.h)("div", { class: `${prefix}-mapping-card__header-info-text` },
-                    (0, vue_1.h)("div", { class: `${prefix}-mapping-card__header-title` }, renderTextProp(props.title)),
-                    props.description && ((0, vue_1.h)("div", { class: `${prefix}-mapping-card__header-description` }, renderTextProp(props.description)))),
-                !props.hideCopy && ((0, vue_1.h)(tooltip_1.UTooltip, null, {
-                    trigger: () => {
-                        var _a;
-                        return ((0, vue_1.h)(button_1.UButton, Object.assign({ quaternary: true, circle: true }, ((_a = props.copyButtonProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.Button, themeOverrides: theme.peerOverrides.Button, onClick: () => { var _a; return (_a = props.onCopy) === null || _a === void 0 ? void 0 : _a.call(props); } }), {
-                            icon: () => {
-                                var _a;
-                                return ((0, vue_1.h)(icon_1.UIcon, Object.assign({}, ((_a = props.copyIconProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.CopyIcon, themeOverrides: theme.peerOverrides.CopyIcon }), { default: () => (0, vue_1.h)(icons_1.ContentCopy, null) }));
-                            }
-                        }));
-                    },
-                    default: () => locale.copyTooltip
-                }))),
-            (0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small" }, {
+            (0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small", class: `${prefix}-mapping-card__header-info` }, {
+                default: () => ((0, vue_1.h)(vue_1.Fragment, null,
+                    (0, vue_1.h)("div", { class: `${prefix}-mapping-card__header-info-text` },
+                        (0, vue_1.h)("div", { class: `${prefix}-mapping-card__header-title` }, renderTextProp(props.title)),
+                        props.description && ((0, vue_1.h)("div", { class: `${prefix}-mapping-card__header-description` }, renderTextProp(props.description)))),
+                    !props.hideCopy && ((0, vue_1.h)(tooltip_1.UTooltip, null, {
+                        trigger: () => {
+                            var _a;
+                            return ((0, vue_1.h)(button_1.UButton, Object.assign({ quaternary: true, circle: true }, ((_a = props.copyButtonProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.Button, themeOverrides: theme.peerOverrides.Button, onClick: () => { var _a; return (_a = props.onCopy) === null || _a === void 0 ? void 0 : _a.call(props); } }), {
+                                icon: () => {
+                                    var _a;
+                                    return ((0, vue_1.h)(icon_1.UIcon, Object.assign({}, ((_a = props.copyIconProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.CopyIcon, themeOverrides: theme.peerOverrides.CopyIcon }), { default: () => (0, vue_1.h)(icons_1.ContentCopy, null) }));
+                                }
+                            }));
+                        },
+                        default: () => locale.copyTooltip
+                    }))))
+            }),
+            !props.hideHeaderActions && ((0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small" }, {
                 default: () => (0, _utils_1.resolveSlot)(slots.headerActions, () => {
                     var _a, _b;
                     const buttons = [];
@@ -71,6 +73,6 @@ exports.default = (0, vue_1.defineComponent)({
                     }));
                     return buttons;
                 })
-            })));
+            }))));
     }
 });

package/lib/mapping-card/src/interface.d.ts

@@ -36,6 +36,7 @@ export interface MappingCardInterface {
     defaultSpan?: number;
     copy?: () => string;
     hideCopy?: boolean;
+    hideHeaderActions?: boolean;
     copyButtonProps?: Partial<ButtonProps>;
     copyIconProps?: Partial<IconProps>;
     headerEditButtonProps?: Partial<ButtonProps>;
@@ -72,6 +73,10 @@ export declare const mappingCardProps: {
         readonly type: PropType<MappingCardInterface["hideCopy"]>;
         readonly default: false;
     };
+    readonly hideHeaderActions: {
+        readonly type: PropType<MappingCardInterface["hideHeaderActions"]>;
+        readonly default: false;
+    };
     readonly copyButtonProps: PropType<MappingCardInterface["copyButtonProps"]>;
     readonly copyIconProps: PropType<MappingCardInterface["copyIconProps"]>;
     readonly headerEditButtonProps: PropType<MappingCardInterface["headerEditButtonProps"]>;

package/lib/mapping-card/src/interface.js

@@ -18,6 +18,10 @@ exports.mappingCardProps = {
         type: Boolean,
         default: false
     },
+    hideHeaderActions: {
+        type: Boolean,
+        default: false
+    },
     copyButtonProps: Object,
     copyIconProps: Object,
     headerEditButtonProps: Object,

package/lib/mapping-card/src/styles/index.cssr.js

@@ -13,7 +13,7 @@ const cssr_1 = require("../../../_utils/cssr");
 // --u-body-padding
 // --u-title-color
 // --u-description-color
-exports.default = (0, cssr_1.cB)('mapping-card', `
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('mapping-card', `
  background-color: var(--u-background-color);
  border: 1px solid var(--u-border-color);
  border-radius: var(--u-border-radius);
@@ -92,4 +92,6 @@ exports.default = (0, cssr_1.cB)('mapping-card', `
  color: var(--u-arrow-color);
  font-size: 16px;
  flex-shrink: 0;
- `)]);
+ `)]), (0, cssr_1.cB)('mapping-card-list', [(0, cssr_1.cE)('pagination', `
+ margin-top: 16px;
+ `)])]);

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.14.3";
+declare const _default: "1.14.5";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.14.3';
+exports.default = '1.14.5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.14.3",
+  "version": "1.14.5",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.14.3",
+  "version": "1.14.5",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -19430,6 +19430,13 @@
               "description": "Hide the copy button in the header.",
               "default": "false"
             },
+            {
+              "name": "hide-header-actions",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/mapping-card",
+              "type": "boolean",
+              "description": "Hide the entire header actions group (switch, edit, delete buttons).",
+              "default": "false"
+            },
             {
               "name": "copy-button-props",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/mapping-card",