Add exports field to packages (#8054)

* Add exports field to packages

* Fix things

.changeset/wild-lemons-yell.md

@@ -0,0 +1,22 @@
+---
+'@keystone-ui/button': patch
+'@keystone-ui/core': patch
+'@keystone-ui/fields': patch
+'@keystone-ui/icons': patch
+'@keystone-ui/loading': patch
+'@keystone-ui/modals': patch
+'@keystone-ui/notice': patch
+'@keystone-ui/options': patch
+'@keystone-ui/pill': patch
+'@keystone-ui/popover': patch
+'@keystone-ui/segmented-control': patch
+'@keystone-ui/toast': patch
+'@keystone-ui/tooltip': patch
+'@keystone-6/auth': patch
+'@keystone-6/cloudinary': patch
+'@keystone-6/core': patch
+'@keystone-6/document-renderer': patch
+'@keystone-6/fields-document': patch
+---
+
+Adds `exports` field to `package.json`

design-system/packages/button/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-button.cjs.js",
   "module": "dist/keystone-ui-button.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-button.esm.js",
+      "default": "./dist/keystone-ui-button.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9"
   },

design-system/packages/core/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-core.cjs.js",
   "module": "dist/keystone-ui-core.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-core.esm.js",
+      "default": "./dist/keystone-ui-core.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9",
     "react": "^18.1.0",

design-system/packages/fields/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-fields.cjs.js",
   "module": "dist/keystone-ui-fields.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-fields.esm.js",
+      "default": "./dist/keystone-ui-fields.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9"
   },

design-system/packages/loading/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-loading.cjs.js",
   "module": "dist/keystone-ui-loading.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-loading.esm.js",
+      "default": "./dist/keystone-ui-loading.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9"
   },

design-system/packages/modals/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-modals.cjs.js",
   "module": "dist/keystone-ui-modals.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-modals.esm.js",
+      "default": "./dist/keystone-ui-modals.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9"
   },

design-system/packages/notice/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-notice.cjs.js",
   "module": "dist/keystone-ui-notice.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-notice.esm.js",
+      "default": "./dist/keystone-ui-notice.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9"
   },

design-system/packages/options/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-options.cjs.js",
   "module": "dist/keystone-ui-options.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-options.esm.js",
+      "default": "./dist/keystone-ui-options.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "peerDependencies": {
     "react": "^18.1.0"
   },

design-system/packages/pill/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-pill.cjs.js",
   "module": "dist/keystone-ui-pill.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-pill.esm.js",
+      "default": "./dist/keystone-ui-pill.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "peerDependencies": {
     "react": "^18.1.0"
   },

design-system/packages/popover/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-popover.cjs.js",
   "module": "dist/keystone-ui-popover.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-popover.esm.js",
+      "default": "./dist/keystone-ui-popover.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "peerDependencies": {
     "react": "^18.1.0",
     "react-dom": "^18.1.0"

design-system/packages/segmented-control/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-segmented-control.cjs.js",
   "module": "dist/keystone-ui-segmented-control.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-segmented-control.esm.js",
+      "default": "./dist/keystone-ui-segmented-control.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9",
     "react": "^18.1.0"

design-system/packages/toast/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-toast.cjs.js",
   "module": "dist/keystone-ui-toast.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-toast.esm.js",
+      "default": "./dist/keystone-ui-toast.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "devDependencies": {
     "@types/react": "^18.0.9",
     "react": "^18.1.0"

design-system/packages/tooltip/package.json

@@ -4,6 +4,13 @@
   "license": "MIT",
   "main": "dist/keystone-ui-tooltip.cjs.js",
   "module": "dist/keystone-ui-tooltip.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-ui-tooltip.esm.js",
+      "default": "./dist/keystone-ui-tooltip.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "peerDependencies": {
     "react": "^18.1.0",
     "react-dom": "^18.1.0"

docs/components/docs/DocumentEditorDemo.tsx

@@ -1,22 +1,21 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
-import { getInitialPropsValue } from '@keystone-6/fields-document/src/DocumentEditor/component-blocks/initial-values';
 import React, { ReactNode, useContext, useEffect, useMemo, useState } from 'react';
 import { DocumentFeatures } from '@keystone-6/fields-document/views';
-import {
-  createDocumentEditor,
-  DocumentEditor,
-  Editor,
-} from '@keystone-6/fields-document/src/DocumentEditor';
 import {
   ComponentBlock,
   fields,
   InferRenderersForComponentBlocks,
 } from '@keystone-6/fields-document/component-blocks';
 import { Global, jsx } from '@emotion/react';
-
-import { FormValueContentFromPreviewProps } from '@keystone-6/fields-document/src/DocumentEditor/component-blocks/form-from-preview';
-import { createGetPreviewProps } from '@keystone-6/fields-document/src/DocumentEditor/component-blocks/preview-props';
+import { getInitialPropsValue } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/initial-values';
+import {
+  createDocumentEditor,
+  DocumentEditor,
+  Editor,
+} from '../../../packages/fields-document/src/DocumentEditor';
+import { FormValueContentFromPreviewProps } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/form-from-preview';
+import { createGetPreviewProps } from '../../../packages/fields-document/src/DocumentEditor/component-blocks/preview-props';
 import { componentBlocks as componentBlocksInSandboxProject } from '../../../tests/sandbox/component-blocks';
 import { initialContent } from '../../lib/initialDocumentDemoContent';
 import { Code } from '../primitives/Code';

examples/custom-session-validation/keystone.ts

@@ -1,5 +1,4 @@
-import { KeystoneConfig } from '@keystone-6/core/types';
-import { SessionStrategy } from '@keystone-6/core/src/types/session';
+import { KeystoneConfig, SessionStrategy } from '@keystone-6/core/types';
 import { config } from '@keystone-6/core';
 import { statelessSessions } from '@keystone-6/core/session';
 import { createAuth } from '@keystone-6/auth';

package.json

@@ -93,7 +93,11 @@
       "design-system/packages/*",
       "prisma-utils",
       "scripts/*"
-    ]
+    ],
+    "exports": true,
+    "___experimentalFlags_WILL_CHANGE_IN_PATCH": {
+      "exports": true
+    }
   },
   "manypkg": {
     "defaultBranch": "main"

packages/auth/package.json

@@ -4,6 +4,21 @@
   "license": "MIT",
   "main": "dist/keystone-6-auth.cjs.js",
   "module": "dist/keystone-6-auth.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-6-auth.esm.js",
+      "default": "./dist/keystone-6-auth.cjs.js"
+    },
+    "./pages/InitPage": {
+      "module": "./pages/InitPage/dist/keystone-6-auth-pages-InitPage.esm.js",
+      "default": "./pages/InitPage/dist/keystone-6-auth-pages-InitPage.cjs.js"
+    },
+    "./pages/SigninPage": {
+      "module": "./pages/SigninPage/dist/keystone-6-auth-pages-SigninPage.esm.js",
+      "default": "./pages/SigninPage/dist/keystone-6-auth-pages-SigninPage.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
     "@keystone-ui/button": "^7.0.1",

packages/cloudinary/package.json

@@ -4,6 +4,17 @@
   "license": "MIT",
   "main": "dist/keystone-6-cloudinary.cjs.js",
   "module": "dist/keystone-6-cloudinary.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/keystone-6-cloudinary.esm.js",
+      "default": "./dist/keystone-6-cloudinary.cjs.js"
+    },
+    "./views": {
+      "module": "./views/dist/keystone-6-cloudinary-views.esm.js",
+      "default": "./views/dist/keystone-6-cloudinary-views.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
     "@keystone-ui/button": "^7.0.1",