From fccebf5e9a3d349c9d771547fb07eb5eedbdb8d1 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 13 Mar 2026 15:58:21 +0000 Subject: [PATCH 1/3] fix(payload-helper): use absolute package path for slug field component Fixes the slug field component path from a relative `/fields/Slug/Component` to the fully-qualified `@ainsleydev/payload-helper/fields/Slug/Component`, preventing PayloadCMS from resolving it as a relative path in the consumer's importMap. Also adds the corresponding package.json export. https://claude.ai/code/session_01WVA6tqvspfT8wQrJG8Zivn --- .changeset/fix-slug-component-import-path.md | 5 +++++ packages/payload-helper/package.json | 5 +++++ packages/payload-helper/src/fields/Slug/index.ts | 2 +- 3 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 .changeset/fix-slug-component-import-path.md diff --git a/.changeset/fix-slug-component-import-path.md b/.changeset/fix-slug-component-import-path.md new file mode 100644 index 00000000..f703aa8d --- /dev/null +++ b/.changeset/fix-slug-component-import-path.md @@ -0,0 +1,5 @@ +--- +"@ainsleydev/payload-helper": patch +--- + +Fix slug field component import path resolving to relative path in consumer's importMap diff --git a/packages/payload-helper/package.json b/packages/payload-helper/package.json index 17d9bbd7..98e315e5 100644 --- a/packages/payload-helper/package.json +++ b/packages/payload-helper/package.json @@ -47,6 +47,11 @@ "types": "./dist/fields/index.d.ts", "import": "./dist/fields/index.js" }, + "./fields/Slug/Component": { + "types": "./dist/fields/Slug/Component.d.ts", + "import": "./dist/fields/Slug/Component.js", + "default": "./dist/fields/Slug/Component.js" + }, "./dist/admin/components/*": { "types": "./dist/admin/components/*.d.ts", "import": "./dist/admin/components/*.js", diff --git a/packages/payload-helper/src/fields/Slug/index.ts b/packages/payload-helper/src/fields/Slug/index.ts index aa0fe7af..743bedda 100644 --- a/packages/payload-helper/src/fields/Slug/index.ts +++ b/packages/payload-helper/src/fields/Slug/index.ts @@ -44,7 +44,7 @@ export const SlugField: Slug = (fieldToUse = 'title', overrides = {}) => { 'The URL friendly version of the title, users will see this text in the URL bar.', components: { Field: { - path: '/fields/Slug/Component#Component', + path: '@ainsleydev/payload-helper/fields/Slug/Component#Component', clientProps: { fieldToUse, checkboxFieldPath: checkBoxField.name, From 025732837cdffbbe3c312e3cf181b1c21312f66b Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 13 Mar 2026 16:16:58 +0000 Subject: [PATCH 2/3] fix(payload-helper): replace scss import with inline styles in slug component SCSS files are not processed by SWC during build, causing a module-not-found error for consumers importing the compiled component. Inline the minimal styles directly to remove the dependency on the unresolved scss file. https://claude.ai/code/session_01WVA6tqvspfT8wQrJG8Zivn --- packages/payload-helper/src/fields/Slug/Component.tsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/payload-helper/src/fields/Slug/Component.tsx b/packages/payload-helper/src/fields/Slug/Component.tsx index 7e95064d..60869abe 100644 --- a/packages/payload-helper/src/fields/Slug/Component.tsx +++ b/packages/payload-helper/src/fields/Slug/Component.tsx @@ -14,7 +14,6 @@ import type React from 'react'; import { useCallback, useEffect } from 'react'; import { formatSlug } from './formatSlug.js'; -import './index.scss'; type SlugComponentProps = { fieldToUse: string; @@ -80,9 +79,9 @@ export const Component: React.FC = ({ return (
-
+
-
From 5bcdf66e10c95ec08f7d84f90ced4cbdb508f3ac Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 13 Mar 2026 16:22:16 +0000 Subject: [PATCH 3/3] chore(payload-helper): delete orphaned scss file and fix biome formatting https://claude.ai/code/session_01WVA6tqvspfT8wQrJG8Zivn --- .../payload-helper/src/fields/Slug/Component.tsx | 6 +++++- packages/payload-helper/src/fields/Slug/index.scss | 12 ------------ 2 files changed, 5 insertions(+), 13 deletions(-) delete mode 100644 packages/payload-helper/src/fields/Slug/index.scss diff --git a/packages/payload-helper/src/fields/Slug/Component.tsx b/packages/payload-helper/src/fields/Slug/Component.tsx index 60869abe..550bde6b 100644 --- a/packages/payload-helper/src/fields/Slug/Component.tsx +++ b/packages/payload-helper/src/fields/Slug/Component.tsx @@ -81,7 +81,11 @@ export const Component: React.FC = ({
-
diff --git a/packages/payload-helper/src/fields/Slug/index.scss b/packages/payload-helper/src/fields/Slug/index.scss deleted file mode 100644 index 67e57efa..00000000 --- a/packages/payload-helper/src/fields/Slug/index.scss +++ /dev/null @@ -1,12 +0,0 @@ -.slug-field-component { - .label-wrapper { - display: flex; - justify-content: space-between; - align-items: center; - } - - .lock-button { - margin: 0; - padding-bottom: 0.3125rem; - } -}