3. Adds ./testing entry points [LG-5028]

.changeset/all-build-dev-dep.md

@@ -0,0 +1,108 @@
+---
+'@lg-chat/leafygreen-chat-provider': patch
+'@leafygreen-ui/leafygreen-provider': patch
+'@leafygreen-ui/confirmation-modal': patch
+'@leafygreen-ui/gallery-indicator': patch
+'@leafygreen-ui/inline-definition': patch
+'@leafygreen-ui/loading-indicator': patch
+'@leafygreen-ui/segmented-control': patch
+'@lg-tools/storybook-decorators': patch
+'@leafygreen-ui/expandable-card': patch
+'@leafygreen-ui/marketing-modal': patch
+'@leafygreen-ui/radio-box-group': patch
+'@leafygreen-ui/skeleton-loader': patch
+'@leafygreen-ui/password-input': patch
+'@lg-charts/series-provider': patch
+'@lg-chat/fixed-chat-window': patch
+'@leafygreen-ui/info-sprinkle': patch
+'@lg-chat/message-feedback': patch
+'@leafygreen-ui/input-option': patch
+'@leafygreen-ui/number-input': patch
+'@leafygreen-ui/ordered-list': patch
+'@leafygreen-ui/search-input': patch
+'@leafygreen-ui/split-button': patch
+'@lg-tools/storybook-addon': patch
+'@lg-tools/storybook-utils': patch
+'@lg-charts/drag-provider': patch
+'@lg-chat/chat-disclaimer': patch
+'@lg-chat/message-prompts': patch
+'@leafygreen-ui/date-picker': patch
+'@leafygreen-ui/descendants': patch
+'@leafygreen-ui/empty-state': patch
+'@leafygreen-ui/form-footer': patch
+'@leafygreen-ui/icon-button': patch
+'@leafygreen-ui/polymorphic': patch
+'@leafygreen-ui/radio-group': patch
+'@leafygreen-ui/testing-lib': patch
+'@lg-tools/test-harnesses': patch
+'@lg-chat/message-rating': patch
+'@leafygreen-ui/date-utils': patch
+'@leafygreen-ui/form-field': patch
+'@leafygreen-ui/pagination': patch
+'@leafygreen-ui/text-input': patch
+'@leafygreen-ui/typography': patch
+'@leafygreen-ui/guide-cue': patch
+'@leafygreen-ui/text-area': patch
+'@lg-charts/chart-card': patch
+'@lg-chat/message-feed': patch
+'@leafygreen-ui/checkbox': patch
+'@leafygreen-ui/combobox': patch
+'@leafygreen-ui/copyable': patch
+'@leafygreen-ui/pipeline': patch
+'@leafygreen-ui/side-nav': patch
+'@lg-chat/chat-window': patch
+'@lg-chat/lg-markdown': patch
+'@leafygreen-ui/callout': patch
+'@leafygreen-ui/emotion': patch
+'@leafygreen-ui/palette': patch
+'@leafygreen-ui/popover': patch
+'@leafygreen-ui/stepper': patch
+'@leafygreen-ui/tooltip': patch
+'@lg-chat/rich-links': patch
+'@leafygreen-ui/avatar': patch
+'@leafygreen-ui/banner': patch
+'@leafygreen-ui/button': patch
+'@leafygreen-ui/drawer': patch
+'@leafygreen-ui/portal': patch
+'@leafygreen-ui/ripple': patch
+'@leafygreen-ui/select': patch
+'@leafygreen-ui/toggle': patch
+'@leafygreen-ui/tokens': patch
+'@lg-chat/input-bar': patch
+'@lg-chat/title-bar': patch
+'@leafygreen-ui/badge': patch
+'@leafygreen-ui/hooks': patch
+'@leafygreen-ui/modal': patch
+'@leafygreen-ui/table': patch
+'@leafygreen-ui/toast': patch
+'@lg-tools/codemods': patch
+'@lg-tools/slackbot': patch
+'@lg-tools/validate': patch
+'@lg-charts/colors': patch
+'@lg-charts/legend': patch
+'@leafygreen-ui/a11y': patch
+'@leafygreen-ui/card': patch
+'@leafygreen-ui/chip': patch
+'@leafygreen-ui/code': patch
+'@leafygreen-ui/icon': patch
+'@leafygreen-ui/logo': patch
+'@leafygreen-ui/menu': patch
+'@leafygreen-ui/tabs': patch
+'@lg-tools/install': patch
+'@lg-chat/message': patch
+'@leafygreen-ui/box': patch
+'@leafygreen-ui/lib': patch
+'@lg-tools/create': patch
+'@lg-tools/update': patch
+'@lg-charts/core': patch
+'@lg-chat/avatar': patch
+'@lg-tools/build': patch
+'@lg-tools/link': patch
+'@lg-tools/lint': patch
+'@lg-tools/meta': patch
+'@lg-tools/test': patch
+'@lg-tools/cli': patch
+'lg-scripts': patch
+---
+
+Adds `@lg-tools/build` as a dev dependency

.changeset/build-tsconfig-bundler.md

@@ -3,4 +3,3 @@
 ---
 
 Updates `package.tsconfig.json` "moduleResolution" to "bundler", and "target" to "ES2020"
-

.changeset/build-tsconfig-configDir.md

@@ -3,4 +3,4 @@
 ---
 
 - Updates default types directory to `./dist/types`
-- Uses "${configDir}" in base package.json baseUrl, rootDir, outDir, & declarationDir properties
+- Uses "${configDir}" in base package.json baseUrl, rootDir, outDir, & declarationDir properties

.changeset/lint-update-ts.md

@@ -0,0 +1,5 @@
+---
+'@lg-tools/lint': patch
+---
+
+Updates `typescript` peerDepedency to v5.8

.changeset/testing-entry-points.md

@@ -0,0 +1,24 @@
+---
+'@leafygreen-ui/code': major
+'@leafygreen-ui/gallery-indicator': major
+'@leafygreen-ui/select': major
+'@leafygreen-ui/table': major
+'@leafygreen-ui/tabs': major
+'@leafygreen-ui/text-area': major
+'@leafygreen-ui/text-input': major
+'@leafygreen-ui/toggle': major
+---
+Adds code splitting for test utilities
+- Adds `/testing` entry point
+- Removes `getTestUtils` from main bundle entry point
+
+When using the component, testing utilities won't be included into your final bundle
+```tsx
+// App.tsx
+import { Component } from `@leafygreen-ui/<package>`
+```
+
+Testing utilities (and their dependencies) will only be imported if you import them explicitly
+```tsx
+import { getTestUtils } from `@leafygreen-ui/<package>/testing`
+```

charts/core/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "@lg-tools/build/config/package.tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "node",
     "paths": {
       "@leafygreen-ui/icon/dist/*": [
         "../../packages/icon/src/generated/*"
@@ -11,13 +10,8 @@
       ]
     }
   },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "**/*.spec.*",
-    "**/*.stories.*"
-  ],
+  "include": ["src/**/*"],
+  "exclude": ["**/*.spec.*", "**/*.stories.*"],
   "references": [
     {
       "path": "../chart-card"

chat/chat-disclaimer/package.json

@@ -23,7 +23,8 @@
   },
   "devDependencies": {
     "@leafygreen-ui/button": "workspace:^",
-    "@leafygreen-ui/modal": "workspace:^"
+    "@leafygreen-ui/modal": "workspace:^",
+    "@lg-tools/build": "workspace:^"
   },
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/chat-disclaimer",
   "repository": {

chat/chat-window/package.json

@@ -28,8 +28,9 @@
     "@lg-chat/input-bar": "workspace:^",
     "@lg-chat/message": "workspace:^",
     "@lg-chat/message-feed": "workspace:^",
+    "@lg-chat/message-feedback": "workspace:^",
     "@lg-chat/message-prompts": "workspace:^",
-    "@lg-chat/message-feedback": "workspace:^"
+    "@lg-tools/build": "workspace:^"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^"

chat/fixed-chat-window/package.json

@@ -32,8 +32,9 @@
     "@lg-chat/leafygreen-chat-provider": "workspace:^",
     "@lg-chat/message": "workspace:^",
     "@lg-chat/message-feed": "workspace:^",
+    "@lg-chat/message-feedback": "workspace:^",
     "@lg-chat/message-prompts": "workspace:^",
-    "@lg-chat/message-feedback": "workspace:^"
+    "@lg-tools/build": "workspace:^"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^"

chat/input-bar/package.json

@@ -36,5 +36,7 @@
     "@leafygreen-ui/leafygreen-provider": "workspace:^",
     "@lg-chat/leafygreen-chat-provider": "workspace:^"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "@lg-tools/build": "workspace:^"
+  }
 }

chat/lg-markdown/package.json

@@ -25,5 +25,7 @@
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "@lg-tools/build": "workspace:^"
+  }
 }

chat/lg-markdown/tsconfig.json

@@ -1,8 +1,6 @@
 {
   "extends": "@lg-tools/build/config/package.tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "node",
-
     "paths": {
       "@leafygreen-ui/icon/dist/*": [
         "../../packages/icon/src/generated/*"

chat/message-feed/package.json

@@ -29,7 +29,8 @@
   "devDependencies": {
     "@leafygreen-ui/typography": "workspace:^",
     "@lg-chat/chat-disclaimer": "workspace:^",
-    "@lg-chat/message-prompts": "workspace:^"
+    "@lg-chat/message-prompts": "workspace:^",
+    "@lg-tools/build": "workspace:^"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^",

chat/message-feedback/package.json

@@ -29,7 +29,8 @@
     "@leafygreen-ui/typography": "workspace:^"
   },
   "devDependencies": {
-    "@lg-chat/message-rating": "workspace:^"
+    "@lg-chat/message-rating": "workspace:^",
+    "@lg-tools/build": "workspace:^"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^"

chat/message/package.json

@@ -27,7 +27,8 @@
   },
   "devDependencies": {
     "@lg-chat/avatar": "workspace:^",
-    "@lg-chat/message-feedback": "workspace:^"
+    "@lg-chat/message-feedback": "workspace:^",
+    "@lg-tools/build": "workspace:^"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^",

package.json

@@ -21,6 +21,7 @@
     "chromatic": "npx chromatic",
     "clean": "npm-run-all --parallel clean:*",
     "clean:builds": "pnpm recursive exec -- rm -rf ./{dist,tsconfig.tsbuildinfo,stories.js}",
+    "clean:ts": "pnpm recursive exec -- rm -rf ./{dist/**/*.d.ts.,tsconfig.tsbuildinfo}",
     "clean:cache": "pnpm recursive exec -- rm -rf ./.turbo; rm -rf .turbo/cache",
     "clean:modules": "pnpm recursive exec -- rm -rf node_modules; rm -rf node_modules",
     "fix": "lg lint --fix",

packages/box/package.json

@@ -15,7 +15,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {},
   "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/box",
   "repository": {
     "type": "git",

packages/callout/package.json

@@ -24,7 +24,8 @@
     "@leafygreen-ui/typography": "workspace:^"
   },
   "devDependencies": {
-    "@leafygreen-ui/code": "workspace:^"
+    "@leafygreen-ui/code": "workspace:^",
+    "@lg-tools/build": "workspace:^"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^"

packages/chip/package.json

@@ -33,5 +33,7 @@
   "bugs": {
     "url": "https://jira.mongodb.org/projects/PD/summary"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "@lg-tools/build": "workspace:^"
+  }
 }

packages/code/package.json

@@ -6,6 +6,18 @@
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
   "typesVersions": {},
+  "exports": {
+    ".": {
+      "require": "./dist/umd/index.js",
+      "import": "./dist/esm/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./testing": {
+      "require": "./dist/umd/testing/index.js",
+      "import": "./dist/esm/testing/index.js",
+      "types": "./dist/types/testing/index.d.ts"
+    }
+  },
   "scripts": {
     "build": "lg-build bundle",
     "tsc": "lg-build tsc",

packages/code/src/Code/Code.spec.tsx

@@ -8,14 +8,14 @@ import Icon from '@leafygreen-ui/icon';
 import IconButton from '@leafygreen-ui/icon-button';
 import { Context, jest as Jest } from '@leafygreen-ui/testing-lib';
 
+import { numOfCollapsedLinesOfCode } from '../constants';
+import { Panel } from '../Panel';
+import { getTestUtils } from '../testing';
 import {
   languageOptions,
   renderCode,
   renderCodeWithLanguageSwitcher,
-} from '../Code.testutils';
-import { numOfCollapsedLinesOfCode } from '../constants';
-import { Panel } from '../Panel';
-import { getTestUtils } from '../utils/getTestUtils/getTestUtils';
+} from '../testing/Code.testutils';
 
 import Code from './Code';
 import { hasMultipleLines } from './utils';

packages/code/src/index.ts

@@ -7,11 +7,6 @@ export type { LanguageOption } from './Panel/Panel.types';
 export type { SyntaxProps } from './Syntax/Syntax.types';
 export type { LineHighlightingDefinition } from './types';
 export { Language } from './types';
-export {
-  getLgIds,
-  type GetLgIdsReturnType,
-  getTestUtils,
-  type TestUtilsReturnType,
-} from './utils';
+export { getLgIds, type GetLgIdsReturnType } from './utils';
 
 export default Code;

packages/code/src/Code.testutils.tsx → packages/code/src/testing/Code.testutils.tsx

@@ -1,12 +1,14 @@
 import React from 'react';
 import { render, RenderResult } from '@testing-library/react';
 
-import Code from './Code/Code';
-import { CodeProps } from './Code/Code.types';
-import { PanelProps } from './Panel/Panel.types';
-import { Panel } from './Panel';
-import { Language } from './types';
-import { getTestUtils, TestUtilsReturnType } from './utils';
+import Code from '../Code/Code';
+import { CodeProps } from '../Code/Code.types';
+import { Panel } from '../Panel';
+import { PanelProps } from '../Panel/Panel.types';
+import { Language } from '../types';
+
+import { getTestUtils } from './getTestUtils';
+import type { TestUtilsReturnType } from './getTestUtils.types';
 
 const codeSnippet = `
 import datetime from './';

packages/code/src/utils/getTestUtils/getTestUtils.spec.tsx → packages/code/src/testing/getTestUtils.spec.tsx

@@ -7,8 +7,7 @@ import {
   renderCode,
   renderCodeWithLanguageSwitcher,
   renderMultipleCodes,
-} from '../../Code.testutils';
-
+} from './Code.testutils';
 import { getTestUtils } from './getTestUtils';
 
 describe('packages/tabs/getTestUtils', () => {

packages/code/src/utils/getTestUtils/getTestUtils.ts → packages/code/src/testing/getTestUtils.ts

@@ -1,9 +1,9 @@
 import { getByLgId, queryBySelector } from '@lg-tools/test-harnesses';
 
 import { getTestUtils as getButtonTestUtils } from '@leafygreen-ui/button';
-import { getTestUtils as getSelectTestUtils } from '@leafygreen-ui/select';
+import { getTestUtils as getSelectTestUtils } from '@leafygreen-ui/select/testing';
 
-import { DEFAULT_LGID_ROOT, getLgIds } from '../getLgIds';
+import { DEFAULT_LGID_ROOT, getLgIds } from '../utils/getLgIds';
 
 import { TestUtilsReturnType } from './getTestUtils.types';