npm - mithril-materialized - Versions diffs - 3.2.0 → 3.2.1 - Mend

mithril-materialized 3.2.0 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -3998,7 +3998,7 @@ const Dropdown = () => {
             m.redraw();
         }
     };
-    const handleKeyDown = (e, items, onchange) => {
+    const handleKeyDown = (e, items) => {
         const availableItems = items.filter((item) => !item.divider && !item.disabled);
         switch (e.key) {
             case 'ArrowDown':
@@ -4008,15 +4008,15 @@ const Dropdown = () => {
                     state.focusedIndex = availableItems.length > 0 ? 0 : -1;
                 }
                 else {
-                    state.focusedIndex = Math.min(state.focusedIndex + 1, availableItems.length - 1);
+                    state.focusedIndex = (state.focusedIndex + 1) % availableItems.length;
                 }
-                break;
+                return undefined;
             case 'ArrowUp':
                 e.preventDefault();
                 if (state.isOpen) {
-                    state.focusedIndex = Math.max(state.focusedIndex - 1, 0);
+                    state.focusedIndex = state.focusedIndex <= 0 ? availableItems.length - 1 : state.focusedIndex - 1;
                 }
-                break;
+                return undefined;
             case 'Enter':
             case ' ':
                 e.preventDefault();
@@ -4025,18 +4025,20 @@ const Dropdown = () => {
                     const value = (selectedItem.id || selectedItem.label);
                     state.isOpen = false;
                     state.focusedIndex = -1;
-                    return value; // Return value to be handled in view
+                    return value;
                 }
                 else if (!state.isOpen) {
                     state.isOpen = true;
                     state.focusedIndex = availableItems.length > 0 ? 0 : -1;
                 }
-                break;
+                return undefined;
             case 'Escape':
                 e.preventDefault();
                 state.isOpen = false;
                 state.focusedIndex = -1;
-                break;
+                return undefined;
+            default:
+                return undefined;
         }
     };
     return {
@@ -4069,7 +4071,9 @@ const Dropdown = () => {
                 }
             };
             const selectedItem = currentCheckedId
-                ? items.filter((i) => (i.id ? i.id === currentCheckedId : i.label === currentCheckedId)).shift()
+                ? items
+                    .filter((i) => (i.id ? i.id === currentCheckedId : i.label === currentCheckedId))
+                    .shift()
                 : undefined;
             const title = selectedItem ? selectedItem.label : label || 'Select';
             const availableItems = items.filter((item) => !item.divider && !item.disabled);
@@ -4077,12 +4081,14 @@ const Dropdown = () => {
                 iconName ? m('i.material-icons.prefix', iconName) : undefined,
                 m(HelperText, { helperText }),
                 m('.select-wrapper', {
-                    onkeydown: disabled ? undefined : (e) => {
-                        const selectedValue = handleKeyDown(e, items);
-                        if (selectedValue) {
-                            handleSelection(selectedValue);
-                        }
-                    },
+                    onkeydown: disabled
+                        ? undefined
+                        : (e) => {
+                            const selectedValue = handleKeyDown(e, items);
+                            if (selectedValue) {
+                                handleSelection(selectedValue);
+                            }
+                        },
                     tabindex: disabled ? -1 : 0,
                     'aria-expanded': state.isOpen ? 'true' : 'false',
                     'aria-haspopup': 'listbox',

package/dist/index.js CHANGED Viewed

@@ -4000,7 +4000,7 @@ const Dropdown = () => {
             m.redraw();
         }
     };
-    const handleKeyDown = (e, items, onchange) => {
+    const handleKeyDown = (e, items) => {
         const availableItems = items.filter((item) => !item.divider && !item.disabled);
         switch (e.key) {
             case 'ArrowDown':
@@ -4010,15 +4010,15 @@ const Dropdown = () => {
                     state.focusedIndex = availableItems.length > 0 ? 0 : -1;
                 }
                 else {
-                    state.focusedIndex = Math.min(state.focusedIndex + 1, availableItems.length - 1);
+                    state.focusedIndex = (state.focusedIndex + 1) % availableItems.length;
                 }
-                break;
+                return undefined;
             case 'ArrowUp':
                 e.preventDefault();
                 if (state.isOpen) {
-                    state.focusedIndex = Math.max(state.focusedIndex - 1, 0);
+                    state.focusedIndex = state.focusedIndex <= 0 ? availableItems.length - 1 : state.focusedIndex - 1;
                 }
-                break;
+                return undefined;
             case 'Enter':
             case ' ':
                 e.preventDefault();
@@ -4027,18 +4027,20 @@ const Dropdown = () => {
                     const value = (selectedItem.id || selectedItem.label);
                     state.isOpen = false;
                     state.focusedIndex = -1;
-                    return value; // Return value to be handled in view
+                    return value;
                 }
                 else if (!state.isOpen) {
                     state.isOpen = true;
                     state.focusedIndex = availableItems.length > 0 ? 0 : -1;
                 }
-                break;
+                return undefined;
             case 'Escape':
                 e.preventDefault();
                 state.isOpen = false;
                 state.focusedIndex = -1;
-                break;
+                return undefined;
+            default:
+                return undefined;
         }
     };
     return {
@@ -4071,7 +4073,9 @@ const Dropdown = () => {
                 }
             };
             const selectedItem = currentCheckedId
-                ? items.filter((i) => (i.id ? i.id === currentCheckedId : i.label === currentCheckedId)).shift()
+                ? items
+                    .filter((i) => (i.id ? i.id === currentCheckedId : i.label === currentCheckedId))
+                    .shift()
                 : undefined;
             const title = selectedItem ? selectedItem.label : label || 'Select';
             const availableItems = items.filter((item) => !item.divider && !item.disabled);
@@ -4079,12 +4083,14 @@ const Dropdown = () => {
                 iconName ? m('i.material-icons.prefix', iconName) : undefined,
                 m(HelperText, { helperText }),
                 m('.select-wrapper', {
-                    onkeydown: disabled ? undefined : (e) => {
-                        const selectedValue = handleKeyDown(e, items);
-                        if (selectedValue) {
-                            handleSelection(selectedValue);
-                        }
-                    },
+                    onkeydown: disabled
+                        ? undefined
+                        : (e) => {
+                            const selectedValue = handleKeyDown(e, items);
+                            if (selectedValue) {
+                                handleSelection(selectedValue);
+                            }
+                        },
                     tabindex: disabled ? -1 : 0,
                     'aria-expanded': state.isOpen ? 'true' : 'false',
                     'aria-haspopup': 'listbox',

package/dist/index.umd.js CHANGED Viewed

@@ -4002,7 +4002,7 @@
                 m.redraw();
             }
         };
-        const handleKeyDown = (e, items, onchange) => {
+        const handleKeyDown = (e, items) => {
             const availableItems = items.filter((item) => !item.divider && !item.disabled);
             switch (e.key) {
                 case 'ArrowDown':
@@ -4012,15 +4012,15 @@
                         state.focusedIndex = availableItems.length > 0 ? 0 : -1;
                     }
                     else {
-                        state.focusedIndex = Math.min(state.focusedIndex + 1, availableItems.length - 1);
+                        state.focusedIndex = (state.focusedIndex + 1) % availableItems.length;
                     }
-                    break;
+                    return undefined;
                 case 'ArrowUp':
                     e.preventDefault();
                     if (state.isOpen) {
-                        state.focusedIndex = Math.max(state.focusedIndex - 1, 0);
+                        state.focusedIndex = state.focusedIndex <= 0 ? availableItems.length - 1 : state.focusedIndex - 1;
                     }
-                    break;
+                    return undefined;
                 case 'Enter':
                 case ' ':
                     e.preventDefault();
@@ -4029,18 +4029,20 @@
                         const value = (selectedItem.id || selectedItem.label);
                         state.isOpen = false;
                         state.focusedIndex = -1;
-                        return value; // Return value to be handled in view
+                        return value;
                     }
                     else if (!state.isOpen) {
                         state.isOpen = true;
                         state.focusedIndex = availableItems.length > 0 ? 0 : -1;
                     }
-                    break;
+                    return undefined;
                 case 'Escape':
                     e.preventDefault();
                     state.isOpen = false;
                     state.focusedIndex = -1;
-                    break;
+                    return undefined;
+                default:
+                    return undefined;
             }
         };
         return {
@@ -4073,7 +4075,9 @@
                     }
                 };
                 const selectedItem = currentCheckedId
-                    ? items.filter((i) => (i.id ? i.id === currentCheckedId : i.label === currentCheckedId)).shift()
+                    ? items
+                        .filter((i) => (i.id ? i.id === currentCheckedId : i.label === currentCheckedId))
+                        .shift()
                     : undefined;
                 const title = selectedItem ? selectedItem.label : label || 'Select';
                 const availableItems = items.filter((item) => !item.divider && !item.disabled);
@@ -4081,12 +4085,14 @@
                     iconName ? m('i.material-icons.prefix', iconName) : undefined,
                     m(HelperText, { helperText }),
                     m('.select-wrapper', {
-                        onkeydown: disabled ? undefined : (e) => {
-                            const selectedValue = handleKeyDown(e, items);
-                            if (selectedValue) {
-                                handleSelection(selectedValue);
-                            }
-                        },
+                        onkeydown: disabled
+                            ? undefined
+                            : (e) => {
+                                const selectedValue = handleKeyDown(e, items);
+                                if (selectedValue) {
+                                    handleSelection(selectedValue);
+                                }
+                            },
                         tabindex: disabled ? -1 : 0,
                         'aria-expanded': state.isOpen ? 'true' : 'false',
                         'aria-haspopup': 'listbox',

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "mithril-materialized",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "A materialize library for mithril.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",