Update Preconstruct

.changeset/tall-dancers-wonder.md

@@ -0,0 +1,5 @@
+---
+'react-select': minor
+---
+
+Move files around to as to be compatible with version 2 of `@preconstruct/cli`

docs/PropTypes/Select.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
 
-import { Props, defaultProps } from 'react-select/src/Select';
+import { Props, defaultProps } from 'react-select/src/base';
 import { GroupBase } from 'react-select';
 
 export default class Select extends Component<

docs/generate-magical-types/generate/package.json

@@ -1,6 +1,3 @@
 {
-  "main": "dist/generate-magical-types.cjs.js",
-  "preconstruct": {
-    "source": "../src/generate"
-  }
+  "main": "dist/react-select-generate-magical-types-generate.cjs.js"
 }

docs/generate-magical-types/package.json

@@ -12,8 +12,8 @@
   },
   "preconstruct": {
     "entrypoints": [
-      "generate",
-      "serialize"
+      "generate.ts",
+      "serialize.ts"
     ]
   }
 }

docs/generate-magical-types/serialize/package.json

@@ -1,6 +1,3 @@
 {
-  "main": "dist/generate-magical-types.cjs.js",
-  "preconstruct": {
-    "source": "../src/serialize"
-  }
+  "main": "dist/react-select-generate-magical-types-serialize.cjs.js"
 }

package.json

@@ -24,7 +24,7 @@
     "@emotion/babel-plugin": "^11.0.0",
     "@emotion/jest": "^11.1.0",
     "@manypkg/cli": "^0.19.2",
-    "@preconstruct/cli": "^1.0.0",
+    "@preconstruct/cli": "^2.2.2",
     "@testing-library/dom": "7.0.4",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1",

packages/react-select/animated/package.json

@@ -1,8 +1,5 @@
 {
-  "main": "dist/react-select.cjs.js",
-  "module": "dist/react-select.esm.js",
-  "types": "dist/react-select.cjs.d.ts",
-  "preconstruct": {
-    "source": "../src/animated"
-  }
+  "main": "dist/react-select-animated.cjs.js",
+  "module": "dist/react-select-animated.esm.js",
+  "types": "dist/react-select-animated.cjs.d.ts"
 }

packages/react-select/async-creatable/package.json

@@ -1,8 +1,5 @@
 {
-  "main": "dist/react-select.cjs.js",
-  "module": "dist/react-select.esm.js",
-  "types": "dist/react-select.cjs.d.ts",
-  "preconstruct": {
-    "source": "../src/AsyncCreatable"
-  }
+  "main": "dist/react-select-async-creatable.cjs.js",
+  "module": "dist/react-select-async-creatable.esm.js",
+  "types": "dist/react-select-async-creatable.cjs.d.ts"
 }

packages/react-select/async/package.json

@@ -1,8 +1,5 @@
 {
-  "main": "dist/react-select.cjs.js",
-  "module": "dist/react-select.esm.js",
-  "types": "dist/react-select.cjs.d.ts",
-  "preconstruct": {
-    "source": "../src/Async"
-  }
+  "main": "dist/react-select-async.cjs.js",
+  "module": "dist/react-select-async.esm.js",
+  "types": "dist/react-select-async.cjs.d.ts"
 }

packages/react-select/base/package.json

@@ -1,8 +1,5 @@
 {
-  "main": "dist/react-select.cjs.js",
-  "module": "dist/react-select.esm.js",
-  "types": "dist/react-select.cjs.d.ts",
-  "preconstruct": {
-    "source": "../src/Select"
-  }
+  "main": "dist/react-select-base.cjs.js",
+  "module": "dist/react-select-base.esm.js",
+  "types": "dist/react-select-base.cjs.d.ts"
 }

packages/react-select/creatable/package.json

@@ -1,8 +1,5 @@
 {
-  "main": "dist/react-select.cjs.js",
-  "module": "dist/react-select.esm.js",
-  "types": "dist/react-select.cjs.d.ts",
-  "preconstruct": {
-    "source": "../src/Creatable"
-  }
+  "main": "dist/react-select-creatable.cjs.js",
+  "module": "dist/react-select-creatable.esm.js",
+  "types": "dist/react-select-creatable.cjs.d.ts"
 }

packages/react-select/package.json

@@ -52,12 +52,12 @@
   ],
   "preconstruct": {
     "entrypoints": [
-      ".",
-      "base",
-      "animated",
-      "async",
-      "creatable",
-      "async-creatable"
+      "index.ts",
+      "base/index.ts",
+      "animated/index.ts",
+      "async/index.ts",
+      "creatable/index.ts",
+      "async-creatable/index.ts"
     ]
   }
 }

packages/react-select/src/__tests__/AsyncCreatable.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import AsyncCreatable from '../AsyncCreatable';
+import AsyncCreatable from '../async-creatable';
 import { Option, OPTIONS } from './constants';
 import { render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';

packages/react-select/src/__tests__/Select.test.tsx

@@ -13,7 +13,7 @@ import {
   OptionNumberValue,
   OptionBooleanValue,
 } from './constants';
-import Select, { FormatOptionLabelMeta } from '../Select';
+import Select, { FormatOptionLabelMeta } from '../base';
 import { FilterOptionOption } from '../filters';
 
 import { matchers } from '@emotion/jest';

packages/react-select/src/AsyncCreatable.tsx → packages/react-select/src/async-creatable/AsyncCreatable.tsx

@@ -5,11 +5,11 @@ import {
   ReactElement,
   RefAttributes,
 } from 'react';
-import Select from './Select';
-import { GroupBase } from './types';
-import useAsync, { AsyncAdditionalProps } from './useAsync';
-import useStateManager, { StateManagerProps } from './useStateManager';
-import useCreatable, { CreatableAdditionalProps } from './useCreatable';
+import Select from '../base';
+import { GroupBase } from '../types';
+import useAsync, { AsyncAdditionalProps } from '../useAsync';
+import useStateManager, { StateManagerProps } from '../useStateManager';
+import useCreatable, { CreatableAdditionalProps } from '../useCreatable';
 
 export type AsyncCreatableProps<
   Option,

packages/react-select/src/async-creatable/index.ts

@@ -0,0 +1,2 @@
+export * from './AsyncCreatable';
+export { default } from './AsyncCreatable';

packages/react-select/src/Async.tsx → packages/react-select/src/async/Async.tsx

@@ -5,11 +5,11 @@ import {
   ReactElement,
   RefAttributes,
 } from 'react';
-import Select from './Select';
-import { GroupBase } from './types';
-import useStateManager from './useStateManager';
-import useAsync from './useAsync';
-import type { AsyncProps } from './useAsync';
+import Select from '../base';
+import { GroupBase } from '../types';
+import useStateManager from '../useStateManager';
+import useAsync from '../useAsync';
+import type { AsyncProps } from '../useAsync';
 export type { AsyncProps };
 
 type AsyncSelect = <

packages/react-select/src/async/index.ts

@@ -0,0 +1,2 @@
+export * from './Async';
+export { default } from './Async';

packages/react-select/src/Select.tsx → packages/react-select/src/base/Select.tsx

@@ -10,12 +10,12 @@ import {
   RefCallback,
   TouchEventHandler,
 } from 'react';
-import { MenuPlacer } from './components/Menu';
-import LiveRegion from './components/LiveRegion';
+import { MenuPlacer } from '../components/Menu';
+import LiveRegion from '../components/LiveRegion';
 
-import { createFilter, FilterOptionOption } from './filters';
-import { DummyInput, ScrollManager } from './internal/index';
-import { AriaLiveMessages, AriaSelection } from './accessibility/index';
+import { createFilter, FilterOptionOption } from '../filters';
+import { DummyInput, ScrollManager } from '../internal/index';
+import { AriaLiveMessages, AriaSelection } from '../accessibility/index';
 
 import {
   classNames,
@@ -29,19 +29,19 @@ import {
   valueTernary,
   multiValueAsValue,
   singleValueAsValue,
-} from './utils';
+} from '../utils';
 
 import {
   formatGroupLabel as formatGroupLabelBuiltin,
   getOptionLabel as getOptionLabelBuiltin,
   getOptionValue as getOptionValueBuiltin,
   isOptionDisabled as isOptionDisabledBuiltin,
-} from './builtins';
+} from '../builtins';
 
-import { defaultComponents, SelectComponentsConfig } from './components/index';
+import { defaultComponents, SelectComponentsConfig } from '../components/index';
 
-import { defaultStyles, StylesConfig, StylesProps } from './styles';
-import { defaultTheme, ThemeConfig } from './theme';
+import { defaultStyles, StylesConfig, StylesProps } from '../styles';
+import { defaultTheme, ThemeConfig } from '../theme';
 
 import {
   ActionMeta,
@@ -57,7 +57,7 @@ import {
   OptionsOrGroups,
   PropsValue,
   SetValueAction,
-} from './types';
+} from '../types';
 
 export type FormatOptionLabelContext = 'menu' | 'value';
 export interface FormatOptionLabelMeta<Option> {

packages/react-select/src/base/index.ts

@@ -0,0 +1,2 @@
+export * from './Select';
+export { default } from './Select';

packages/react-select/src/components/Group.tsx

@@ -12,7 +12,7 @@ import {
   Options,
   Theme,
 } from '../types';
-import { Props } from '../Select';
+import { Props } from '../base';
 
 export interface ForwardedHeadingProps<
   Option,

packages/react-select/src/components/MultiValue.tsx

@@ -7,7 +7,7 @@ import {
   CSSObjectWithLabel,
   GroupBase,
 } from '../types';
-import { Props } from '../Select';
+import { Props } from '../base';
 
 interface MultiValueComponents<
   Option,

packages/react-select/src/Creatable.tsx → packages/react-select/src/creatable/Creatable.tsx

@@ -5,10 +5,10 @@ import {
   ReactElement,
   RefAttributes,
 } from 'react';
-import Select from './Select';
-import { GroupBase } from './types';
-import useStateManager, { StateManagerProps } from './useStateManager';
-import useCreatable, { CreatableAdditionalProps } from './useCreatable';
+import Select from '../base';
+import { GroupBase } from '../types';
+import useStateManager, { StateManagerProps } from '../useStateManager';
+import useCreatable, { CreatableAdditionalProps } from '../useCreatable';
 
 export type CreatableProps<
   Option,

packages/react-select/src/creatable/index.ts

@@ -0,0 +1,2 @@
+export * from './Creatable';
+export { default } from './Creatable';

packages/react-select/src/index.ts

@@ -1,4 +1,4 @@
-import Select from './Select';
+import Select from './base';
 import type { GroupBase } from './types';
 import useStateManager from './useStateManager';
 
@@ -56,4 +56,4 @@ export type {
   AriaOnFilter,
   AriaOnFocus,
 } from './accessibility';
-export type { FormatOptionLabelContext, FormatOptionLabelMeta } from './Select';
+export type { FormatOptionLabelContext, FormatOptionLabelMeta } from './base';

packages/react-select/src/stateManager.tsx

@@ -7,7 +7,7 @@ import {
 } from 'react';
 
 import { GroupBase } from './types';
-import Select from './Select';
+import Select from './base';
 import useStateManager from './useStateManager';
 import type { StateManagerProps } from './useStateManager';
 export type { StateManagerProps };

packages/react-select/src/types.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from '@emotion/react';
-import { Props } from './Select';
+import { Props } from './base';
 import { StylesProps } from './styles';
 
 export interface GroupBase<Option> {

packages/react-select/src/useCreatable.ts

@@ -1,5 +1,5 @@
 import { ReactNode, useCallback, useMemo } from 'react';
-import { PublicBaseSelectProps } from './Select';
+import { PublicBaseSelectProps } from './base';
 import {
   ActionMeta,
   GetOptionLabel,

packages/react-select/src/useStateManager.ts

@@ -5,7 +5,7 @@ import {
   OnChangeValue,
   PropsValue,
 } from './types';
-import { PublicBaseSelectProps } from './Select';
+import { PublicBaseSelectProps } from './base';
 import { useCallback, useState } from 'react';
 
 type StateManagedPropKeys =