Merge pull request #317 from Enterwell/stage

Stage
Enterwell · Jan 26, 2024 · 16ffdba · 16ffdba
2 parents 89fcbff + 64f9e64
commit 16ffdba
Show file tree

Hide file tree

Showing 10 changed files with 142 additions and 124 deletions.
diff --git a/.github/workflows/npm-publish-reusable.yml b/.github/workflows/npm-publish-reusable.yml
@@ -45,7 +45,7 @@ jobs:
             changes-location: ./packages/${{ inputs.name }}/changes
             path-to-project-file: ./packages/${{ inputs.name }}/package.json
         - name: Commit changelog changes
-          uses: EndBug/[email protected].3
+          uses: EndBug/[email protected].4
           with:
             message: "[skip ci] [version-bump] Automated commit for version ${{ steps.version-bump.outputs.bumped-semantic-version }}"
         - run: pnpm i --frozen-lockfile --filter=${{ inputs.name }}...

diff --git a/apps/docs/components/ExampleSelectManageable.tsx b/apps/docs/components/ExampleSelectManageable.tsx
@@ -28,7 +28,14 @@ export function ExampleSelectManageable() {
                     </Stack>
                 )}
                 listEndDecorator={(
-                    <Button startIcon={<Add />} fullWidth>
+                    <Button
+                      fullWidth
+                      startIcon={<Add />}
+                      onMouseDown={(event) => {
+                        // Prevent input blur which triggers closing the Popper
+                        event.preventDefault();
+                      }}
+                    >
                         Add
                     </Button>
                 )}

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -26,14 +26,14 @@
     "@enterwell/react-ui": "workspace:*",
     "@mdx-js/mdx": "3.0.0",
     "@mdx-js/react": "3.0.0",
-    "@mui/icons-material": "5.15.5",
-    "@mui/lab": "5.0.0-alpha.161",
-    "@mui/material": "5.15.5",
-    "@mui/system": "5.15.5",
-    "@mui/x-data-grid-pro": "6.19.1",
+    "@mui/icons-material": "5.15.6",
+    "@mui/lab": "5.0.0-alpha.162",
+    "@mui/material": "5.15.6",
+    "@mui/system": "5.15.6",
+    "@mui/x-data-grid-pro": "6.19.2",
     "@mui/x-date-pickers": "5.0.20",
     "@mui/x-date-pickers-pro": "5.0.20",
-    "classix": "2.1.35",
+    "classix": "2.1.36",
     "comment-parser": "1.4.1",
     "next": "14.1.0",
     "nextra": "2.13.2",

diff --git a/package.json b/package.json
@@ -11,6 +11,6 @@
     "turbo": "1.11.3",
     "@turbo/gen": "1.11.3"
   },
-  "packageManager": "[email protected].1",
+  "packageManager": "[email protected].3",
   "name": "ui"
 }
diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json
@@ -23,7 +23,7 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.39.1",
+    "@microsoft/api-extractor": "7.39.4",
     "@types/node": "18.19.8",
     "@types/react": "18.2.48",
     "@types/react-dom": "18.2.18",

diff --git a/packages/react-mui-hooks/package.json b/packages/react-mui-hooks/package.json
@@ -25,9 +25,9 @@
   "devDependencies": {
     "@enterwell/react-hooks": "workspace:*",
     "@enterwell/react-ui": "workspace:*",
-    "@microsoft/api-extractor": "7.39.1",
-    "@mui/material": "5.15.5",
-    "@mui/x-data-grid-pro": "6.19.1",
+    "@microsoft/api-extractor": "7.39.4",
+    "@mui/material": "5.15.6",
+    "@mui/x-data-grid-pro": "6.19.2",
     "@types/node": "18.19.8",
     "@types/react": "18.2.48",
     "@types/react-dom": "18.2.18",

diff --git a/packages/react-ui/Select/Select.tsx b/packages/react-ui/Select/Select.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect, KeyboardEvent, SyntheticEvent, FocusEvent, ReactNode } from 'react';
-import { Autocomplete, TextField, CircularProgress, ChipTypeMap, Popper, Paper } from '@mui/material';
+import { Autocomplete, TextField, CircularProgress, ChipTypeMap, Paper } from '@mui/material';
 import { type AutocompleteProps, createFilterOptions } from '@mui/material/Autocomplete';
 import { useDebounce } from '@enterwell/react-hooks';
 
@@ -238,18 +238,12 @@ export function Select<
           {displayOption ? displayOption(option) : option.label}
         </li>
       )}
-      PopperComponent={({ children, ...rest }) => (
-        <Popper {...rest} sx={{
-          '& .MuiAutocomplete-paper': {
-            boxShadow: 'none'
-          }
-        }}>
-          <Paper>
-            {listStartDecorator}
-            {typeof children === 'function' ? children({ placement: rest.placement ?? 'auto' }) : children}
-            {listEndDecorator}
-          </Paper>
-        </Popper>
+      PaperComponent={({ children, ...rest }) => (
+        <Paper {...rest}>
+          {listStartDecorator}
+          {children}
+          {listEndDecorator}
+        </Paper>
       )}
       filterOptions={customFilterOptions}
       renderInput={(params) => (

diff --git a/packages/react-ui/changes/Changed [Select] The way list decorators are injected b/packages/react-ui/changes/Changed [Select] The way list decorators are injected
diff --git a/packages/react-ui/package.json b/packages/react-ui/package.json
@@ -27,10 +27,10 @@
     "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
     "@enterwell/react-hooks": "workspace:*",
-    "@microsoft/api-extractor": "7.39.1",
-    "@mui/icons-material": "5.15.5",
-    "@mui/material": "5.15.5",
-    "@mui/system": "5.15.5",
+    "@microsoft/api-extractor": "7.39.4",
+    "@mui/icons-material": "5.15.6",
+    "@mui/material": "5.15.6",
+    "@mui/system": "5.15.6",
     "@mui/x-date-pickers-pro": "5.0.20",
     "@mui/x-date-pickers": "5.0.20",
     "@types/node": "18.19.8",