@uzum-tech/ui 1.12.21 → 1.13.0

package/lib/header/src/HeaderSearchMobile.js

@@ -47,6 +47,7 @@ exports.default = (0, vue_1.defineComponent)({
         const searchValue = (0, vue_1.ref)('');
         const searchResults = (0, vue_1.ref)([]);
         const searchLoading = (0, vue_1.ref)(false);
+        const inputInstRef = (0, vue_1.ref)(null);
         const placeholder = (0, vue_1.computed)(() => localeRef.value.searchPlaceholder);
         const handleSearch = () => __awaiter(this, void 0, void 0, function* () {
             const query = searchValue.value.trim();
@@ -90,11 +91,16 @@ exports.default = (0, vue_1.defineComponent)({
                 void handleSearch();
             }, constants_1.SEARCH_DEBOUNCE_MS);
         });
+        (0, vue_1.onMounted)(() => {
+            var _a;
+            (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+        });
         return {
             placeholder,
             searchValue,
             searchResults,
             searchLoading,
+            inputInstRef,
             handleSearchInput,
             handleSearch,
             handleClose,
@@ -112,7 +118,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)(button_1.UButton, { text: true, class: `${blockClass}__back`, onClick: this.handleClose }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.ChevronLeftIcon, null))),
                 (0, vue_1.h)("div", { class: `${blockClass}__input-wrapper` },
                     (0, vue_1.h)(icon_1.UIcon, { size: 20, class: `${blockClass}__input-icon` }, () => (0, vue_1.h)(icons_1.SearchIcon, null)),
-                    (0, vue_1.h)(input_1.UInput, { value: this.searchValue, placeholder: this.placeholder, onKeyup: (e) => {
+                    (0, vue_1.h)(input_1.UInput, { ref: "inputInstRef", value: this.searchValue, placeholder: this.placeholder, onKeyup: (e) => {
                             if (e.key === 'Enter') {
                                 void this.handleSearch();
                             }

package/lib/header/src/mobile/HeaderMobile.js

@@ -200,6 +200,21 @@ exports.default = (0, vue_1.defineComponent)({
                     (0, utils_1.renderBadge)(option, `${blockClass}__badge`)),
                 isExpandable && isExpanded && option.children && ((0, vue_1.h)("div", { class: `${mobileMenuClass}__children` }, option.children.map((child, index) => renderGroupItem(child, item.key, index))))));
         };
+        const renderSearchAction = () => {
+            if (this.$slots.search)
+                return this.$slots.search();
+            return ((0, vue_1.h)(button_1.UButton, { text: true, onClick: this.onSearchClick }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.SearchIcon, null))));
+        };
+        const renderPreviewAction = () => {
+            if (this.$slots.preview)
+                return this.$slots.preview();
+            return ((0, vue_1.h)(button_1.UButton, { text: true, onClick: this.onPreview }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.EyeIcon, null))));
+        };
+        const renderLogoutAction = () => {
+            if (this.$slots.logout)
+                return this.$slots.logout();
+            return ((0, vue_1.h)(button_1.UButton, { text: true, onClick: this.onLogout }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.LogoutIcon, null))));
+        };
         const mobileMenuContent = ((0, vue_1.h)("div", { class: mobileMenuClass, style: this.cssVars },
             (0, vue_1.h)("div", { class: `${mobileMenuClass}__header` },
                 this.$slots.actions ? ((0, vue_1.h)("div", { class: `${mobileMenuClass}__actions` }, this.$slots.actions())) : this.showHeaderActions ? ((0, vue_1.h)("div", { class: `${mobileMenuClass}__actions` },
@@ -219,9 +234,9 @@ exports.default = (0, vue_1.defineComponent)({
                     }),
                     (0, vue_1.h)(flex_1.UFlex, { size: 24 }, {
                         default: () => ((0, vue_1.h)(vue_1.Fragment, null,
-                            (0, vue_1.h)(button_1.UButton, { text: true, onClick: this.onSearchClick }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.SearchIcon, null))),
-                            (0, vue_1.h)(button_1.UButton, { text: true, onClick: this.onPreview }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.EyeIcon, null))),
-                            (0, vue_1.h)(button_1.UButton, { text: true, onClick: this.onLogout }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.LogoutIcon, null)))))
+                            renderSearchAction(),
+                            renderPreviewAction(),
+                            renderLogoutAction()))
                     }))) : null,
                 (0, vue_1.h)(button_1.UButton, { text: true, class: `${mobileMenuClass}__close`, onClick: this.onClose }, () => (0, vue_1.h)(icon_1.UIcon, { size: 24 }, () => (0, vue_1.h)(icons_1.CloseIcon, null)))),
             (0, vue_1.h)("div", { class: `${mobileMenuClass}__body` },

package/lib/locales/common/enUS.js

@@ -23,7 +23,7 @@ const enUS = {
     },
     DatePicker: {
         yearFormat: 'yyyy',
-        monthFormat: 'MMM',
+        monthFormat: 'MMMM',
         dayFormat: 'eeeeee',
         yearTypeFormat: 'yyyy',
         monthTypeFormat: 'yyyy-MM',

package/lib/theme-editor/src/ThemeEditor.d.ts

@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         brand150: string;
         brand350: string;
         brand550: string;
+        brandPrimary10: string;
         brandPrimary50: string;
         brandPrimary100: string;
         brandPrimary200: string;

package/lib/themes/dark.js

@@ -100,6 +100,7 @@ const dark_1 = __importDefault(require("../_internal/safe-top-scrollbar/styles/d
 const styles_92 = require("../header/styles");
 const styles_93 = require("../icon-bar/styles");
 const styles_94 = require("../qr-code/styles");
+const components_1 = require("../components");
 exports.darkTheme = {
     name: 'dark',
     common: common_1.commonDark,
@@ -127,6 +128,7 @@ exports.darkTheme = {
     ColorPicker: styles_20.colorPickerDark,
     DataTable: styles_21.dataTableDark,
     DatePicker: styles_22.datePickerDark,
+    DatePickerV2: components_1.datePickerV2Dark,
     Descriptions: styles_23.descriptionsDark,
     Dialog: styles_24.dialogDark,
     Divider: styles_25.dividerDark,

package/lib/themes/light.js

@@ -102,6 +102,7 @@ const styles_92 = require("../qr-code/styles");
 const light_1 = __importDefault(require("../_internal/safe-top-scrollbar/styles/light"));
 const styles_93 = require("../header/styles");
 const styles_94 = require("../icon-bar/styles");
+const components_1 = require("../components");
 exports.lightTheme = {
     name: 'light',
     common: common_1.commonLight,
@@ -129,6 +130,7 @@ exports.lightTheme = {
     ColorPicker: styles_20.colorPickerLight,
     DataTable: styles_21.dataTableLight,
     DatePicker: styles_22.datePickerLight,
+    DatePickerV2: components_1.datePickerV2Light,
     Descriptions: styles_23.descriptionsLight,
     Dialog: styles_24.dialogLight,
     Divider: styles_25.dividerLight,

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.21";
+declare const _default: "1.13.0";
 export default _default;

package/lib/version.js

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

package/package.json

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

package/volar.d.ts

@@ -33,6 +33,7 @@ declare module 'vue' {
     UCountdown: typeof import('@uzum-tech/ui')['UCountdown']
     UDataTable: typeof import('@uzum-tech/ui')['UDataTable']
     UDatePicker: typeof import('@uzum-tech/ui')['UDatePicker']
+    UDatePickerV2: typeof import('@uzum-tech/ui')['UDatePickerV2']
     UDescriptions: typeof import('@uzum-tech/ui')['UDescriptions']
     UDescriptionsItem: typeof import('@uzum-tech/ui')['UDescriptionsItem']
     UDialog: typeof import('@uzum-tech/ui')['UDialog']

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.12.21",
+  "version": "1.13.0",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -4468,6 +4468,12 @@
               "description-sections": {
                 "since": "2.29.0"
               }
+            },
+            {
+              "name": "trigger",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "{ open: () => void, value: string }",
+              "description": "Custom trigger"
             }
           ],
           "attributes": [],
@@ -4722,6 +4728,145 @@
             ]
           }
         },
+        {
+          "name": "UDatePickerV2",
+          "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+          "source": {
+            "symbol": "UDatePickerV2"
+          },
+          "slots": [],
+          "attributes": [],
+          "props": [
+            {
+              "name": "to",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string | object | boolean"
+            },
+            {
+              "name": "type",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "bordered",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "boolean"
+            },
+            {
+              "name": "round",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "boolean"
+            },
+            {
+              "name": "clearable",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "boolean"
+            },
+            {
+              "name": "default-value",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "number | Array"
+            },
+            {
+              "name": "disabled",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "boolean"
+            },
+            {
+              "name": "placement",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "value",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "number | Array"
+            },
+            {
+              "name": "size",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "placeholder",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "start-placeholder",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "end-placeholder",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "separator",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "format",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "trigger-preset",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "is-date-disabled",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "Function"
+            },
+            {
+              "name": "show",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "boolean"
+            },
+            {
+              "name": "status",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "string"
+            },
+            {
+              "name": "input-readonly",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker",
+              "type": "boolean"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update-show",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker"
+              },
+              {
+                "name": "update-show",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker"
+              },
+              {
+                "name": "update-value",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker"
+              },
+              {
+                "name": "update-value",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker"
+              },
+              {
+                "name": "focus",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker"
+              },
+              {
+                "name": "blur",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/date-picker"
+              }
+            ]
+          }
+        },
         {
           "name": "UDescriptions",
           "description": "<!--single-column-->\n\nDisplay items of content easily.",
@@ -18290,6 +18435,21 @@
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "description": "Custom actions content for mobile menu header."
             },
+            {
+              "name": "mobile-search",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
+              "description": "Custom mobile search action button content."
+            },
+            {
+              "name": "mobile-preview",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
+              "description": "Custom mobile preview action button content."
+            },
+            {
+              "name": "mobile-logout",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
+              "description": "Custom mobile logout action button content."
+            },
             {
               "name": "mobile-footer",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",