@nexdom/uimed-vue 2.2.1 → 2.3.1

package/dist/components/inputs/text-field/text-field.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue", { with: { "resolution-mode": "import"
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   variant: TextFieldVariant;
-  clearable: boolean;
   type: TextFieldType;
+  clearable: boolean;
 }, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 //#endregion
 export { _default as default };

package/dist/components/navigation-menu/navigation-menu.vue_vue_type_script_setup_true_lang.js

@@ -4,10 +4,10 @@ import { useNavigationSearchShortcut } from "../../composables/navigation/use-na
 import skeleton_loader_default from "../skeleton-loader/skeleton-loader.js";
 import text_field_default from "../inputs/text-field/text-field.js";
 import { isParentItem, useNavigationRail } from "../../composables/navigation/use-navigation-rail.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, openBlock, ref, renderList, unref, useModel, useTemplateRef, vShow, withCtx, withDirectives, withKeys } from "vue";
-import { VDivider, VList, VListGroup, VListItem, VNavigationDrawer } from "vuetify/components";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, openBlock, ref, renderList, unref, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives, withKeys } from "vue";
+import { VDefaultsProvider, VDivider, VList, VListGroup, VListItem, VNavigationDrawer } from "vuetify/components";
 //#region src/components/navigation-menu/navigation-menu.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "px-4 pt-2" };
+const _hoisted_1 = { class: "px-4 pb-4" };
 var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "navigation-menu",
@@ -36,6 +36,7 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const props = __props;
 		const open = useModel(__props, "modelValue");
 		const search = ref("");
+		const searchFieldDefaults = { VTextField: { hideDetails: "auto" } };
 		const field = useTemplateRef("searchField");
 		const { mobile, collapsed, drawerOpen, menuOpen, opened, isActiveGroup, dismiss, isRestoringFocus, onFocusin, onFocusout, onMouseenter, onMouseleave } = useNavigationRail({
 			open,
@@ -54,6 +55,12 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		}
 		const searchDataTestid = computed(() => `${props.dataTestid}-search`);
 		const query = computed(() => search.value.toLowerCase());
+		/** Groups open before the search started, which open again when it's cleared */
+		let groupsBeforeSearch = opened.value;
+		watch(query, (text, previous) => {
+			if (!previous) groupsBeforeSearch = opened.value;
+			opened.value = text ? filteredItems.value.filter(isParentItem).map(({ description }) => description) : groupsBeforeSearch;
+		});
 		function filterItems() {
 			return (props.items ?? []).reduce((filtered, item) => {
 				if (matches(item)) filtered.push(item);
@@ -90,20 +97,23 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				onKeydown: withKeys(unref(dismiss), ["esc"])
 			}, {
 				prepend: withCtx(() => [
-					withDirectives(createElementVNode("div", _hoisted_1, [createVNode(text_field_default, {
-						ref: "searchField",
-						modelValue: search.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-						type: "search",
-						placeholder: `Buscar (${unref(shortcutLabel)})`,
-						"data-testid": searchDataTestid.value,
-						disabled: props.loading
-					}, null, 8, [
-						"modelValue",
-						"placeholder",
-						"data-testid",
-						"disabled"
-					])], 512), [[vShow, !unref(collapsed)]]),
+					withDirectives(createElementVNode("div", _hoisted_1, [createCommentVNode(" Hides the empty messages area, which made the expanded rail's search taller than the\n        collapsed one's search item and pushed the items down when the rail expanded "), createVNode(unref(VDefaultsProvider), { defaults: searchFieldDefaults }, {
+						default: withCtx(() => [createVNode(text_field_default, {
+							ref: "searchField",
+							modelValue: search.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+							type: "search",
+							placeholder: `Buscar (${unref(shortcutLabel)})`,
+							"data-testid": searchDataTestid.value,
+							disabled: props.loading
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"data-testid",
+							"disabled"
+						])]),
+						_: 1
+					})], 512), [[vShow, !unref(collapsed)]]),
 					createCommentVNode(" Vuetify's list is focusable and passes the focus on to its first item: out of the tab\n      order, the item gets the focus straight from the page, which then gets it back on `Esc` "),
 					withDirectives(createVNode(unref(VList), {
 						nav: "",

package/dist/styles/settings.scss

@@ -75,7 +75,7 @@
     "padding-y": (
       responsive: false,
     ),
-    "padding-top": (
+    "padding-bottom": (
       responsive: false,
     ),
     "text-align": (
@@ -115,8 +115,8 @@
     "negative-margin-left": false,
     "negative-margin-start": false,
     "negative-margin-end": false,
+    "padding-top": false,
     "padding-right": false,
-    "padding-bottom": false,
     "padding-left": false,
     "padding-start": false,
     "padding-end": false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.2.1",
+  "version": "2.3.1",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",

package/skills/uimed-vue/references/guide/components/main.md

@@ -220,7 +220,7 @@ Em telas pequenas, o menu fica oculto e é aberto sobre o conteúdo pelo botão
 
 Os itens e grupos do primeiro nível do menu exibem um ícone antes da sua descrição, informado pelo nome na propriedade obrigatória `icon`. Os nomes disponíveis estão em [Ícones](../icons.md). Os itens dentro de um grupo não aceitam ícones, para que o menu siga o mesmo padrão visual em todas as aplicações.
 
-O menu também conta com um campo de busca que filtra itens e grupos em tempo real, no formato _case-insensitive_.
+O menu também conta com um campo de busca que filtra itens e grupos em tempo real, no formato _case-insensitive_. Enquanto há texto na busca, os grupos com resultados ficam abertos, mostrando os itens encontrados. Um grupo ainda pode ser fechado pelo seu cabeçalho, até o texto mudar de novo. Ao limpar a busca, ficam abertos os grupos que estavam abertos antes dela.
 
 O atalho `Ctrl + K` (`⌘ + K` no macOS), indicado no próprio campo de busca, expande o menu (ou o abre, em telas pequenas) e coloca o foco na busca, com o texto já digitado selecionado. Com o menu expandido ou aberto, o atalho apenas leva o foco de volta à busca. Levar o foco ao item "Buscar" do menu recolhido tem o mesmo efeito. Ele funciona mesmo com o foco em um campo de formulário, mas é ignorado com o foco dentro de diálogos, confirmações, menus suspensos e editores de texto rico, ou no botão de um menu suspenso aberto.