update rollup, jest, and babel config files

Author: based-ghost

.test/custom-test-env.ts

@@ -1,14 +1,13 @@
 import Environment from 'jest-environment-jsdom';
 
 /**
- * A custom environment to set the TextEncoder that is
- * required by `react-dom/server` (renderToString function).
+ * A custom environment to set the TextEncoder that is required by react-dom/server
  */
 module.exports = class CustomTestEnvironment extends Environment {
   async setup() {
     await super.setup();
     if (typeof this.global.TextEncoder === 'undefined') {
-      const { TextEncoder } = require('util');
+      const { TextEncoder } = await import('util');
       this.global.TextEncoder = TextEncoder;
     }
   }

babel.config.js

@@ -1,6 +1,6 @@
 module.exports = (api) => {
-  const isNotTestEnv = !api.env('test');
-  const targets = isNotTestEnv ? '> 0.25%, last 2 versions, not dead' : {node: 'current'};
+  const isTest = api.env('test');
+  const targets = isTest ? { node: 'current' } : undefined;
 
   const presets = [
     ['@babel/preset-env', {targets, loose: true}],
@@ -15,8 +15,8 @@ module.exports = (api) => {
         ssr: true,
         pure: true,
         fileName: false,
-        minify: isNotTestEnv,
-        displayName: isNotTestEnv,
+        minify: !isTest,
+        displayName: !isTest,
         transpileTemplateLiterals: true,
       },
     ],

jest.config.js

@@ -1,12 +1,7 @@
-const { defaults } = require('jest-config');
-
 module.exports = {
+  transform: {'\\.[jt]sx?$': 'babel-jest'},
   testEnvironment: '<rootDir>/.test/custom-test-env.ts',
   setupFilesAfterEnv: ['<rootDir>/.test/setup-tests.ts'],
   testMatch: ['<rootDir>/__tests__/*?(*.)test.{ts,tsx}'],
-  moduleFileExtensions: [...defaults.moduleFileExtensions, 'ts', 'tsx'],
   testPathIgnorePatterns: ['/node_modules/', '/dist/', '/src/'],
-  transform: {
-    '\\.(ts|tsx)?$': 'babel-jest',
-  },
-};
+};

package.json

@@ -41,11 +41,6 @@
   "engines": {
     "node": ">= 14"
   },
-  "browserslist": [
-    "> 0.25%",
-    "last 2 versions",
-    "not dead"
-  ],
   "devDependencies": {
     "@babel/cli": "^7.19.3",
     "@babel/core": "^7.20.5",

rollup.config.js

@@ -15,7 +15,7 @@ const globals = {
 
 const input = './src/index.ts';
 const name = 'ReactFunctionalSelect';
-const external = (id) => id.includes('@babel/runtime') || (!id.startsWith('.') && !path.isAbsolute(id));
+const external = (id) => !id.startsWith('\0') && !id.startsWith('.') && !path.isAbsolute(id);
 
 /**
  * Replace Plugin config
@@ -37,9 +37,7 @@ const removeTestIdPlugin = replace({
  * Babel Plugin config (prevents use of root babel.config.js with babelrc and configFile as false)
  */
 const babelPlugin = (useESModules) => {
-  const targets = useESModules
-    ? { esmodules: true }
-    : '> 0.25%, last 2 versions, not dead';
+  const targets = useESModules ? { esmodules: true } : undefined;
 
   return babel({
     babelrc: false,

src/Select.tsx

@@ -354,7 +354,7 @@ const Select = forwardRef<SelectRef, SelectProps>((
   }, [isMulti, menuOptions]);
 
   const removeSelectedOption = useCallback((value?: string | number): void => {
-    setSelectedOption((prev) => prev.filter((x) => x.value !== value));
+    setSelectedOption((so) => so.filter((x) => x.value !== value));
   }, []);
 
   const selectOption = useCallback((option: MenuOption): void => {
@@ -364,7 +364,7 @@ const Select = forwardRef<SelectRef, SelectProps>((
       isMulti && removeSelectedOption(option.value);
     } else {
       const { isSelected, isDisabled, ...selectedOpt } = option;
-      setSelectedOption((prev) => !isMulti ? [selectedOpt] : [...prev, selectedOpt]);
+      setSelectedOption((so) => !isMulti ? [selectedOpt] : [...so, selectedOpt]);
     }
 
     const blurOrDefault = isBoolean(blurInputOnSelect) ? blurInputOnSelect : isTouchDevice();