@geotab/zenith 3.0.1-beta.0 → 3.0.1-beta.2

package/dist/index.css

@@ -2599,7 +2599,6 @@
   margin-left: -1px;
   cursor: pointer;
   flex-shrink: 0;
-  pointer-events: none;
 }
 .zen-dropdown-searchable-trigger__popup-trigger:focus-visible {
   outline: none;
@@ -10361,7 +10360,6 @@ button.zen-summary__clickable {
   margin-left: -1px;
   cursor: pointer;
   flex-shrink: 0;
-  pointer-events: none;
 }
 .zen-groups-filter__popup-trigger:focus-visible {
   outline: none;

package/dist/selectList/selectList.js

@@ -46,6 +46,12 @@ const SelectList = (_a) => {
         const parsedValue = JSON.parse(innerValue);
         dispatchState({ type: selectList_actionTypes_1.ListAction.Reset, payload: { items, value: new Map(parsedValue), multiselect } });
     }, [innerValue, multiselect, items]);
+    (0, react_2.useEffect)(() => {
+        if (!multiselect) {
+            dispatchState({ type: selectList_actionTypes_1.ListAction.FocusFirst, payload: { items } });
+        }
+        dispatchState({ type: selectList_actionTypes_1.ListAction.Focus, payload: { items, multiselect } });
+    }, [multiselect, items]);
     (0, react_2.useEffect)(() => {
         onChange && state.isItemsStateChanged && onChange(new Map(state.itemsState));
     }, [state.isItemsStateChanged, state.itemsState, onChange]);

package/esm/selectList/selectList.js

@@ -43,6 +43,12 @@ export const SelectList = (_a) => {
         const parsedValue = JSON.parse(innerValue);
         dispatchState({ type: ListAction.Reset, payload: { items, value: new Map(parsedValue), multiselect } });
     }, [innerValue, multiselect, items]);
+    useEffect(() => {
+        if (!multiselect) {
+            dispatchState({ type: ListAction.FocusFirst, payload: { items } });
+        }
+        dispatchState({ type: ListAction.Focus, payload: { items, multiselect } });
+    }, [multiselect, items]);
     useEffect(() => {
         onChange && state.isItemsStateChanged && onChange(new Map(state.itemsState));
     }, [state.isItemsStateChanged, state.itemsState, onChange]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "version": "3.0.1-beta.0",
+  "version": "3.0.1-beta.2",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
@@ -11,6 +11,9 @@
     "**/react-chartjs/dateAdapter.ts",
     "**/react-chartjs/dateAdapter.js"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "test": "npm run clean && npm run test-build && jest",
     "start": "npm run storybook --loglevel verbose",
@@ -42,7 +45,6 @@
     "@babel/preset-env": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
-    "@storybook/addon-docs": "^9.1.15",
     "@storybook/addon-links": "^9.1.15",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
     "@storybook/react-webpack5": "^9.1.15",
@@ -69,7 +71,8 @@
     "style-loader": "^4.0.0",
     "typescript": "^5.4.3",
     "webpack": "^5.96.1",
-    "xml2js": "^0.6.0"
+    "xml2js": "^0.6.0",
+    "@storybook/addon-docs": "^9.1.15"
   },
   "dependencies": {
     "chart.js": "^4.4.6",
@@ -96,8 +99,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "publishConfig": {
-    "access": "public"
   }
 }