@payloadcms/richtext-slate 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/dist/cell/rscEntry.d.ts +8 -0
  2. package/dist/cell/rscEntry.d.ts.map +1 -0
  3. package/dist/cell/rscEntry.js +51 -0
  4. package/dist/cell/rscEntry.js.map +1 -0
  5. package/dist/data/populate.d.ts +3 -2
  6. package/dist/data/populate.d.ts.map +1 -1
  7. package/dist/data/populate.js +2 -1
  8. package/dist/data/populate.js.map +1 -1
  9. package/dist/data/recurseNestedFields.d.ts +3 -2
  10. package/dist/data/recurseNestedFields.d.ts.map +1 -1
  11. package/dist/data/recurseNestedFields.js +10 -1
  12. package/dist/data/recurseNestedFields.js.map +1 -1
  13. package/dist/data/richTextRelationshipPromise.d.ts +4 -3
  14. package/dist/data/richTextRelationshipPromise.d.ts.map +1 -1
  15. package/dist/data/richTextRelationshipPromise.js +8 -2
  16. package/dist/data/richTextRelationshipPromise.js.map +1 -1
  17. package/dist/data/validation.d.ts.map +1 -1
  18. package/dist/data/validation.js +3 -1
  19. package/dist/data/validation.js.map +1 -1
  20. package/dist/exports/client/index.d.ts +4 -3
  21. package/dist/exports/client/index.d.ts.map +1 -1
  22. package/dist/exports/client/index.js +4 -3
  23. package/dist/exports/client/index.js.map +1 -1
  24. package/dist/exports/server/rsc.d.ts +3 -0
  25. package/dist/exports/server/rsc.d.ts.map +1 -0
  26. package/dist/exports/server/rsc.js +4 -0
  27. package/dist/exports/server/rsc.js.map +1 -0
  28. package/dist/field/RichText.d.ts.map +1 -1
  29. package/dist/field/RichText.js +22 -37
  30. package/dist/field/RichText.js.map +1 -1
  31. package/dist/field/buttons.scss +11 -10
  32. package/dist/field/createFeatureMap.d.ts +2 -2
  33. package/dist/field/createFeatureMap.d.ts.map +1 -1
  34. package/dist/field/createFeatureMap.js +15 -4
  35. package/dist/field/createFeatureMap.js.map +1 -1
  36. package/dist/field/elements/Button.js +2 -2
  37. package/dist/field/elements/Button.js.map +1 -1
  38. package/dist/field/elements/blockquote/index.scss +7 -5
  39. package/dist/field/elements/h3/Heading3.d.ts.map +1 -1
  40. package/dist/field/elements/h3/Heading3.js.map +1 -1
  41. package/dist/field/elements/h4/Heading4.d.ts.map +1 -1
  42. package/dist/field/elements/h4/Heading4.js.map +1 -1
  43. package/dist/field/elements/h5/Heading5.d.ts.map +1 -1
  44. package/dist/field/elements/h5/Heading5.js.map +1 -1
  45. package/dist/field/elements/h6/Heading6.d.ts.map +1 -1
  46. package/dist/field/elements/h6/Heading6.js.map +1 -1
  47. package/dist/field/elements/isActive.d.ts.map +1 -1
  48. package/dist/field/elements/isActive.js +3 -1
  49. package/dist/field/elements/isActive.js.map +1 -1
  50. package/dist/field/elements/isLastSelectedElementEmpty.d.ts.map +1 -1
  51. package/dist/field/elements/isLastSelectedElementEmpty.js +3 -1
  52. package/dist/field/elements/isLastSelectedElementEmpty.js.map +1 -1
  53. package/dist/field/elements/isListActive.d.ts.map +1 -1
  54. package/dist/field/elements/isListActive.js +6 -2
  55. package/dist/field/elements/isListActive.js.map +1 -1
  56. package/dist/field/elements/link/Button/index.d.ts +3 -1
  57. package/dist/field/elements/link/Button/index.d.ts.map +1 -1
  58. package/dist/field/elements/link/Button/index.js +21 -16
  59. package/dist/field/elements/link/Button/index.js.map +1 -1
  60. package/dist/field/elements/link/Element/index.d.ts.map +1 -1
  61. package/dist/field/elements/link/Element/index.js +29 -20
  62. package/dist/field/elements/link/Element/index.js.map +1 -1
  63. package/dist/field/elements/link/Element/index.scss +65 -67
  64. package/dist/field/elements/link/LinkDrawer/index.d.ts.map +1 -1
  65. package/dist/field/elements/link/LinkDrawer/index.js +49 -43
  66. package/dist/field/elements/link/LinkDrawer/index.js.map +1 -1
  67. package/dist/field/elements/link/LinkDrawer/index.scss +39 -37
  68. package/dist/field/elements/link/LinkDrawer/types.d.ts +1 -0
  69. package/dist/field/elements/link/LinkDrawer/types.d.ts.map +1 -1
  70. package/dist/field/elements/link/LinkDrawer/types.js.map +1 -1
  71. package/dist/field/elements/ol/index.scss +5 -3
  72. package/dist/field/elements/relationship/Button/index.scss +6 -4
  73. package/dist/field/elements/relationship/Element/index.d.ts +1 -7
  74. package/dist/field/elements/relationship/Element/index.d.ts.map +1 -1
  75. package/dist/field/elements/relationship/Element/index.js.map +1 -1
  76. package/dist/field/elements/relationship/Element/index.scss +73 -71
  77. package/dist/field/elements/toggleList.d.ts.map +1 -1
  78. package/dist/field/elements/toggleList.js +6 -2
  79. package/dist/field/elements/toggleList.js.map +1 -1
  80. package/dist/field/elements/ul/index.scss +5 -3
  81. package/dist/field/elements/upload/Button/index.scss +6 -4
  82. package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts.map +1 -1
  83. package/dist/field/elements/upload/Element/UploadDrawer/index.js +68 -57
  84. package/dist/field/elements/upload/Element/UploadDrawer/index.js.map +1 -1
  85. package/dist/field/elements/upload/Element/index.d.ts +1 -7
  86. package/dist/field/elements/upload/Element/index.d.ts.map +1 -1
  87. package/dist/field/elements/upload/Element/index.js +2 -2
  88. package/dist/field/elements/upload/Element/index.js.map +1 -1
  89. package/dist/field/elements/upload/Element/index.scss +116 -114
  90. package/dist/field/icons/IndentLeft/index.scss +12 -10
  91. package/dist/field/icons/IndentRight/index.scss +12 -10
  92. package/dist/field/icons/Link/index.scss +8 -6
  93. package/dist/field/icons/Relationship/index.scss +9 -7
  94. package/dist/field/icons/Upload/index.scss +8 -6
  95. package/dist/field/index.d.ts.map +1 -1
  96. package/dist/field/index.js +16 -14
  97. package/dist/field/index.js.map +1 -1
  98. package/dist/field/index.scss +169 -151
  99. package/dist/field/rscEntry.d.ts +7 -0
  100. package/dist/field/rscEntry.d.ts.map +1 -0
  101. package/dist/field/rscEntry.js +132 -0
  102. package/dist/field/rscEntry.js.map +1 -0
  103. package/dist/field/types.d.ts +5 -6
  104. package/dist/field/types.d.ts.map +1 -1
  105. package/dist/field/types.js.map +1 -1
  106. package/dist/generateSchemaMap.d.ts.map +1 -1
  107. package/dist/generateSchemaMap.js +28 -3
  108. package/dist/generateSchemaMap.js.map +1 -1
  109. package/dist/index.d.ts.map +1 -1
  110. package/dist/index.js +12 -9
  111. package/dist/index.js.map +1 -1
  112. package/dist/scss/app.scss +164 -163
  113. package/dist/scss/colors.scss +256 -254
  114. package/dist/scss/resets.scss +9 -7
  115. package/dist/scss/toastify.scss +42 -41
  116. package/dist/scss/toasts.scss +104 -103
  117. package/dist/scss/type.scss +80 -79
  118. package/dist/types.d.ts +6 -2
  119. package/dist/types.d.ts.map +1 -1
  120. package/dist/types.js.map +1 -1
  121. package/dist/utilities/SlatePropsProvider.d.ts +11 -0
  122. package/dist/utilities/SlatePropsProvider.d.ts.map +1 -0
  123. package/dist/utilities/SlatePropsProvider.js +21 -0
  124. package/dist/utilities/SlatePropsProvider.js.map +1 -0
  125. package/dist/utilities/useSlatePlugin.d.ts.map +1 -1
  126. package/dist/utilities/useSlatePlugin.js +3 -2
  127. package/dist/utilities/useSlatePlugin.js.map +1 -1
  128. package/package.json +20 -19
  129. package/dist/cell/index.d.ts +0 -4
  130. package/dist/cell/index.d.ts.map +0 -1
  131. package/dist/cell/index.js +0 -14
  132. package/dist/cell/index.js.map +0 -1
  133. package/dist/generateComponentMap.d.ts +0 -4
  134. package/dist/generateComponentMap.d.ts.map +0 -1
  135. package/dist/generateComponentMap.js +0 -92
  136. package/dist/generateComponentMap.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AASlD,wBAAgB,WAAW,CACzB,IAAI,EAAE,gBAAgB,GACrB,uBAAuB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,GAAG,CAAC,CA2LvD;AAED,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,uBAAuB,EACvB,eAAe,EACf,QAAQ,GACT,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AASlD,wBAAgB,WAAW,CACzB,IAAI,EAAE,gBAAgB,GACrB,uBAAuB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,GAAG,CAAC,CA+LvD;AAED,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,uBAAuB,EACvB,eAAe,EACf,QAAQ,GACT,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA"}
package/dist/index.js CHANGED
@@ -20,6 +20,7 @@ export function slateEditor(args) {
20
20
  args.admin.link.fields = await sanitizeFields({
21
21
  config: config,
22
22
  fields: transformExtraFields(args.admin?.link?.fields, config),
23
+ parentIsLocalized: false,
23
24
  validRelationships
24
25
  });
25
26
  if (args?.admin?.upload?.collections) {
@@ -28,22 +29,23 @@ export function slateEditor(args) {
28
29
  args.admin.upload.collections[collection].fields = await sanitizeFields({
29
30
  config: config,
30
31
  fields: args.admin?.upload?.collections[collection]?.fields,
32
+ parentIsLocalized: false,
31
33
  validRelationships
32
34
  });
33
35
  }
34
36
  }
35
37
  }
36
38
  return {
37
- CellComponent: '@payloadcms/richtext-slate/client#RichTextCell',
38
- FieldComponent: '@payloadcms/richtext-slate/client#RichTextField',
39
- generateComponentMap: {
40
- path: '@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap',
41
- serverProps: args
39
+ CellComponent: '@payloadcms/richtext-slate/rsc#RscEntrySlateCell',
40
+ FieldComponent: {
41
+ path: '@payloadcms/richtext-slate/rsc#RscEntrySlateField',
42
+ serverProps: {
43
+ args
44
+ }
42
45
  },
43
46
  generateImportMap: ({ addToImportMap })=>{
44
- addToImportMap('@payloadcms/richtext-slate/client#RichTextCell');
45
- addToImportMap('@payloadcms/richtext-slate/client#RichTextField');
46
- addToImportMap('@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap');
47
+ addToImportMap('@payloadcms/richtext-slate/rsc#RscEntrySlateCell');
48
+ addToImportMap('@payloadcms/richtext-slate/rsc#RscEntrySlateField');
47
49
  Object.values(leafTypes).forEach((leaf)=>{
48
50
  if (leaf.Button) {
49
51
  addToImportMap(leaf.Button);
@@ -115,7 +117,7 @@ export function slateEditor(args) {
115
117
  },
116
118
  hooks: {
117
119
  afterRead: [
118
- ({ context: _context, currentDepth, depth, draft, field: _field, fieldPromises, findMany, flattenLocales, overrideAccess, populationPromises, req, showHiddenFields, siblingData })=>{
120
+ ({ context: _context, currentDepth, depth, draft, field: _field, fieldPromises, findMany, flattenLocales, overrideAccess, populate, populationPromises, req, showHiddenFields, siblingData })=>{
119
121
  const context = _context;
120
122
  const field = _field;
121
123
  if (field.admin?.elements?.includes('relationship') || field.admin?.elements?.includes('upload') || field.admin?.elements?.includes('link') || !field?.admin?.elements) {
@@ -129,6 +131,7 @@ export function slateEditor(args) {
129
131
  findMany,
130
132
  flattenLocales,
131
133
  overrideAccess,
134
+ populateArg: populate,
132
135
  populationPromises,
133
136
  req,
134
137
  showHiddenFields,
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import type { Config, RichTextAdapterProvider } from 'payload'\n\nimport { sanitizeFields, withNullableJSONSchemaType } from 'payload'\n\nimport type { AdapterArguments } from './types.js'\n\nimport { richTextRelationshipPromise } from './data/richTextRelationshipPromise.js'\nimport { richTextValidate } from './data/validation.js'\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { transformExtraFields } from './field/elements/link/utilities.js'\nimport { defaultLeaves as leafTypes } from './field/leaves/index.js'\nimport { getGenerateSchemaMap } from './generateSchemaMap.js'\n\nexport function slateEditor(\n args: AdapterArguments,\n): RichTextAdapterProvider<any[], AdapterArguments, any> {\n return async ({ config }) => {\n const validRelationships = config.collections.map((c) => c.slug) || []\n\n if (!args.admin) {\n args.admin = {}\n }\n if (!args.admin.link) {\n args.admin.link = {}\n }\n if (!args.admin.link.fields) {\n args.admin.link.fields = []\n }\n args.admin.link.fields = await sanitizeFields({\n config: config as unknown as Config,\n fields: transformExtraFields(args.admin?.link?.fields, config),\n validRelationships,\n })\n\n if (args?.admin?.upload?.collections) {\n for (const collection of Object.keys(args.admin.upload.collections)) {\n if (args?.admin?.upload?.collections[collection]?.fields) {\n args.admin.upload.collections[collection].fields = await sanitizeFields({\n config: config as unknown as Config,\n fields: args.admin?.upload?.collections[collection]?.fields,\n validRelationships,\n })\n }\n }\n }\n\n return {\n CellComponent: '@payloadcms/richtext-slate/client#RichTextCell',\n FieldComponent: '@payloadcms/richtext-slate/client#RichTextField',\n generateComponentMap: {\n path: '@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap',\n serverProps: args,\n },\n generateImportMap: ({ addToImportMap }) => {\n addToImportMap('@payloadcms/richtext-slate/client#RichTextCell')\n addToImportMap('@payloadcms/richtext-slate/client#RichTextField')\n addToImportMap('@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap')\n Object.values(leafTypes).forEach((leaf) => {\n if (leaf.Button) {\n addToImportMap(leaf.Button)\n }\n if (leaf.Leaf) {\n addToImportMap(leaf.Leaf)\n }\n if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {\n addToImportMap(leaf.plugins)\n }\n })\n args?.admin?.leaves?.forEach((leaf) => {\n if (typeof leaf === 'object') {\n if (leaf.Button) {\n addToImportMap(leaf.Button)\n }\n if (leaf.Leaf) {\n addToImportMap(leaf.Leaf)\n }\n if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {\n addToImportMap(leaf.plugins)\n }\n }\n })\n\n Object.values(elementTypes).forEach((element) => {\n if (element.Button) {\n addToImportMap(element.Button)\n }\n if (element.Element) {\n addToImportMap(element.Element)\n }\n if (Array.isArray(element.plugins) && element.plugins?.length) {\n addToImportMap(element.plugins)\n }\n })\n\n args?.admin?.elements?.forEach((element) => {\n if (typeof element === 'object') {\n if (element.Button) {\n addToImportMap(element.Button)\n }\n if (element.Element) {\n addToImportMap(element.Element)\n }\n if (Array.isArray(element.plugins) && element.plugins?.length) {\n addToImportMap(element.plugins)\n }\n }\n })\n },\n generateSchemaMap: getGenerateSchemaMap(args),\n graphQLPopulationPromises({\n context,\n currentDepth,\n depth,\n draft,\n field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populationPromises,\n req,\n showHiddenFields,\n siblingDoc,\n }) {\n if (\n field.admin?.elements?.includes('relationship') ||\n field.admin?.elements?.includes('upload') ||\n field.admin?.elements?.includes('link') ||\n !field?.admin?.elements\n ) {\n richTextRelationshipPromise({\n context,\n currentDepth,\n depth,\n draft,\n field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populationPromises,\n req,\n showHiddenFields,\n siblingDoc,\n })\n }\n },\n hooks: {\n afterRead: [\n ({\n context: _context,\n currentDepth,\n depth,\n draft,\n field: _field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populationPromises,\n req,\n showHiddenFields,\n siblingData,\n }) => {\n const context: any = _context\n const field = _field as any\n if (\n field.admin?.elements?.includes('relationship') ||\n field.admin?.elements?.includes('upload') ||\n field.admin?.elements?.includes('link') ||\n !field?.admin?.elements\n ) {\n richTextRelationshipPromise({\n context,\n currentDepth,\n depth,\n draft,\n field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populationPromises,\n req,\n showHiddenFields,\n siblingDoc: siblingData,\n })\n }\n },\n ],\n },\n outputSchema: ({ isRequired }) => {\n return {\n type: withNullableJSONSchemaType('array', isRequired),\n items: {\n type: 'object',\n },\n }\n },\n validate: richTextValidate,\n }\n }\n}\n\nexport type {\n AdapterArguments,\n ElementNode,\n RichTextCustomElement,\n RichTextCustomLeaf,\n RichTextElement,\n RichTextLeaf,\n RichTextPlugin,\n RichTextPluginComponent,\n SlateFieldProps,\n TextNode,\n} from './types.js'\n\nexport { nodeIsTextNode } from './types.js'\n"],"names":["sanitizeFields","withNullableJSONSchemaType","richTextRelationshipPromise","richTextValidate","elements","elementTypes","transformExtraFields","defaultLeaves","leafTypes","getGenerateSchemaMap","slateEditor","args","config","validRelationships","collections","map","c","slug","admin","link","fields","upload","collection","Object","keys","CellComponent","FieldComponent","generateComponentMap","path","serverProps","generateImportMap","addToImportMap","values","forEach","leaf","Button","Leaf","Array","isArray","plugins","length","leaves","element","Element","generateSchemaMap","graphQLPopulationPromises","context","currentDepth","depth","draft","field","fieldPromises","findMany","flattenLocales","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","includes","hooks","afterRead","_context","_field","siblingData","outputSchema","isRequired","type","items","validate","nodeIsTextNode"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import type { Config, RichTextAdapterProvider } from 'payload'\n\nimport { sanitizeFields, withNullableJSONSchemaType } from 'payload'\n\nimport type { AdapterArguments } from './types.js'\n\nimport { richTextRelationshipPromise } from './data/richTextRelationshipPromise.js'\nimport { richTextValidate } from './data/validation.js'\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { transformExtraFields } from './field/elements/link/utilities.js'\nimport { defaultLeaves as leafTypes } from './field/leaves/index.js'\nimport { getGenerateSchemaMap } from './generateSchemaMap.js'\n\nexport function slateEditor(\n args: AdapterArguments,\n): RichTextAdapterProvider<any[], AdapterArguments, any> {\n return async ({ config }) => {\n const validRelationships = config.collections.map((c) => c.slug) || []\n\n if (!args.admin) {\n args.admin = {}\n }\n if (!args.admin.link) {\n args.admin.link = {}\n }\n if (!args.admin.link.fields) {\n args.admin.link.fields = []\n }\n args.admin.link.fields = await sanitizeFields({\n config: config as unknown as Config,\n fields: transformExtraFields(args.admin?.link?.fields, config),\n parentIsLocalized: false,\n validRelationships,\n })\n\n if (args?.admin?.upload?.collections) {\n for (const collection of Object.keys(args.admin.upload.collections)) {\n if (args?.admin?.upload?.collections[collection]?.fields) {\n args.admin.upload.collections[collection].fields = await sanitizeFields({\n config: config as unknown as Config,\n fields: args.admin?.upload?.collections[collection]?.fields,\n parentIsLocalized: false,\n validRelationships,\n })\n }\n }\n }\n\n return {\n CellComponent: '@payloadcms/richtext-slate/rsc#RscEntrySlateCell',\n FieldComponent: {\n path: '@payloadcms/richtext-slate/rsc#RscEntrySlateField',\n serverProps: {\n args,\n },\n },\n generateImportMap: ({ addToImportMap }) => {\n addToImportMap('@payloadcms/richtext-slate/rsc#RscEntrySlateCell')\n addToImportMap('@payloadcms/richtext-slate/rsc#RscEntrySlateField')\n Object.values(leafTypes).forEach((leaf) => {\n if (leaf.Button) {\n addToImportMap(leaf.Button)\n }\n if (leaf.Leaf) {\n addToImportMap(leaf.Leaf)\n }\n if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {\n addToImportMap(leaf.plugins)\n }\n })\n args?.admin?.leaves?.forEach((leaf) => {\n if (typeof leaf === 'object') {\n if (leaf.Button) {\n addToImportMap(leaf.Button)\n }\n if (leaf.Leaf) {\n addToImportMap(leaf.Leaf)\n }\n if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {\n addToImportMap(leaf.plugins)\n }\n }\n })\n\n Object.values(elementTypes).forEach((element) => {\n if (element.Button) {\n addToImportMap(element.Button)\n }\n if (element.Element) {\n addToImportMap(element.Element)\n }\n if (Array.isArray(element.plugins) && element.plugins?.length) {\n addToImportMap(element.plugins)\n }\n })\n\n args?.admin?.elements?.forEach((element) => {\n if (typeof element === 'object') {\n if (element.Button) {\n addToImportMap(element.Button)\n }\n if (element.Element) {\n addToImportMap(element.Element)\n }\n if (Array.isArray(element.plugins) && element.plugins?.length) {\n addToImportMap(element.plugins)\n }\n }\n })\n },\n generateSchemaMap: getGenerateSchemaMap(args),\n graphQLPopulationPromises({\n context,\n currentDepth,\n depth,\n draft,\n field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populationPromises,\n req,\n showHiddenFields,\n siblingDoc,\n }) {\n if (\n field.admin?.elements?.includes('relationship') ||\n field.admin?.elements?.includes('upload') ||\n field.admin?.elements?.includes('link') ||\n !field?.admin?.elements\n ) {\n richTextRelationshipPromise({\n context,\n currentDepth,\n depth,\n draft,\n field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populationPromises,\n req,\n showHiddenFields,\n siblingDoc,\n })\n }\n },\n hooks: {\n afterRead: [\n ({\n context: _context,\n currentDepth,\n depth,\n draft,\n field: _field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populate,\n populationPromises,\n req,\n showHiddenFields,\n siblingData,\n }) => {\n const context: any = _context\n const field = _field as any\n if (\n field.admin?.elements?.includes('relationship') ||\n field.admin?.elements?.includes('upload') ||\n field.admin?.elements?.includes('link') ||\n !field?.admin?.elements\n ) {\n richTextRelationshipPromise({\n context,\n currentDepth,\n depth,\n draft,\n field,\n fieldPromises,\n findMany,\n flattenLocales,\n overrideAccess,\n populateArg: populate,\n populationPromises,\n req,\n showHiddenFields,\n siblingDoc: siblingData,\n })\n }\n },\n ],\n },\n outputSchema: ({ isRequired }) => {\n return {\n type: withNullableJSONSchemaType('array', isRequired),\n items: {\n type: 'object',\n },\n }\n },\n validate: richTextValidate,\n }\n }\n}\n\nexport type {\n AdapterArguments,\n ElementNode,\n RichTextCustomElement,\n RichTextCustomLeaf,\n RichTextElement,\n RichTextLeaf,\n RichTextPlugin,\n RichTextPluginComponent,\n SlateFieldProps,\n TextNode,\n} from './types.js'\n\nexport { nodeIsTextNode } from './types.js'\n"],"names":["sanitizeFields","withNullableJSONSchemaType","richTextRelationshipPromise","richTextValidate","elements","elementTypes","transformExtraFields","defaultLeaves","leafTypes","getGenerateSchemaMap","slateEditor","args","config","validRelationships","collections","map","c","slug","admin","link","fields","parentIsLocalized","upload","collection","Object","keys","CellComponent","FieldComponent","path","serverProps","generateImportMap","addToImportMap","values","forEach","leaf","Button","Leaf","Array","isArray","plugins","length","leaves","element","Element","generateSchemaMap","graphQLPopulationPromises","context","currentDepth","depth","draft","field","fieldPromises","findMany","flattenLocales","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","includes","hooks","afterRead","_context","_field","populate","siblingData","populateArg","outputSchema","isRequired","type","items","validate","nodeIsTextNode"],"mappings":"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"}
@@ -1,203 +1,204 @@
1
1
  @import 'styles';
2
2
  @import './toasts.scss';
3
3
  @import './colors.scss';
4
+ @layer payload-default {
5
+ :root {
6
+ --base-px: 20;
7
+ --base-body-size: 13;
8
+ --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
9
+
10
+ --breakpoint-xs-width: #{$breakpoint-xs-width};
11
+ --breakpoint-s-width: #{$breakpoint-s-width};
12
+ --breakpoint-m-width: #{$breakpoint-m-width};
13
+ --breakpoint-l-width: #{$breakpoint-l-width};
14
+ --scrollbar-width: 17px;
4
15
 
5
- :root {
6
- --base-px: 20;
7
- --base-body-size: 13;
8
- --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
9
-
10
- --breakpoint-xs-width: #{$breakpoint-xs-width};
11
- --breakpoint-s-width: #{$breakpoint-s-width};
12
- --breakpoint-m-width: #{$breakpoint-m-width};
13
- --breakpoint-l-width: #{$breakpoint-l-width};
14
- --scrollbar-width: 17px;
15
-
16
- --theme-bg: var(--theme-elevation-0);
17
- --theme-input-bg: var(--theme-elevation-0);
18
- --theme-text: var(--theme-elevation-800);
19
- --theme-overlay: rgba(5, 5, 5, 0.5);
20
- --theme-baseline: #{$baseline-px};
21
- --theme-baseline-body-size: #{$baseline-body-size};
22
- --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
23
- sans-serif;
24
- --font-serif: Georgia, 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
25
- --font-mono: monospace;
26
-
27
- --style-radius-s: #{$style-radius-s};
28
- --style-radius-m: #{$style-radius-m};
29
- --style-radius-l: #{$style-radius-l};
30
-
31
- --z-popup: 10;
32
- --z-nav: 20;
33
- --z-modal: 30;
34
- --z-status: 40;
35
-
36
- --accessibility-outline: 2px solid var(--theme-text);
37
- --accessibility-outline-offset: 2px;
38
-
39
- --gutter-h: #{base(3)};
40
- --spacing-view-bottom: var(--gutter-h);
41
- --doc-controls-height: calc(var(--base) * 2.8);
42
- --app-header-height: calc(var(--base) * 2.8);
43
- --nav-width: 275px;
44
- --nav-trans-time: 150ms;
45
-
46
- @include mid-break {
47
- --gutter-h: #{base(2)};
48
- --app-header-height: calc(var(--base) * 2.4);
49
- --doc-controls-height: calc(var(--base) * 2.4);
50
- }
51
-
52
- @include small-break {
53
- --gutter-h: #{base(0.8)};
54
- --spacing-view-bottom: calc(var(--base) * 2);
55
- --nav-width: 100vw;
56
- }
57
- }
58
-
59
- /////////////////////////////
60
- // GLOBAL STYLES
61
- /////////////////////////////
16
+ --theme-bg: var(--theme-elevation-0);
17
+ --theme-input-bg: var(--theme-elevation-0);
18
+ --theme-text: var(--theme-elevation-800);
19
+ --theme-overlay: rgba(5, 5, 5, 0.5);
20
+ --theme-baseline: #{$baseline-px};
21
+ --theme-baseline-body-size: #{$baseline-body-size};
22
+ --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
23
+ sans-serif;
24
+ --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
25
+ --font-mono: 'SF Mono', Menlo, Consolas, Monaco, monospace;
26
+
27
+ --style-radius-s: #{$style-radius-s};
28
+ --style-radius-m: #{$style-radius-m};
29
+ --style-radius-l: #{$style-radius-l};
30
+
31
+ --z-popup: 10;
32
+ --z-nav: 20;
33
+ --z-modal: 30;
34
+ --z-status: 40;
35
+
36
+ --accessibility-outline: 2px solid var(--theme-text);
37
+ --accessibility-outline-offset: 2px;
38
+
39
+ --gutter-h: #{base(3)};
40
+ --spacing-view-bottom: var(--gutter-h);
41
+ --doc-controls-height: calc(var(--base) * 2.8);
42
+ --app-header-height: calc(var(--base) * 2.8);
43
+ --nav-width: 275px;
44
+ --nav-trans-time: 150ms;
45
+
46
+ @include mid-break {
47
+ --gutter-h: #{base(2)};
48
+ --app-header-height: calc(var(--base) * 2.4);
49
+ --doc-controls-height: calc(var(--base) * 2.4);
50
+ }
62
51
 
63
- * {
64
- box-sizing: border-box;
65
- }
52
+ @include small-break {
53
+ --gutter-h: #{base(0.8)};
54
+ --spacing-view-bottom: calc(var(--base) * 2);
55
+ --nav-width: 100vw;
56
+ }
57
+ }
66
58
 
67
- html {
68
- @extend %body;
69
- background: var(--theme-bg);
70
- -webkit-font-smoothing: antialiased;
59
+ /////////////////////////////
60
+ // GLOBAL STYLES
61
+ /////////////////////////////
71
62
 
72
- &[data-theme='dark'] {
73
- --theme-bg: var(--theme-elevation-0);
74
- --theme-text: var(--theme-elevation-1000);
75
- --theme-input-bg: var(--theme-elevation-50);
76
- --theme-overlay: rgba(5, 5, 5, 0.75);
77
- color-scheme: dark;
63
+ * {
64
+ box-sizing: border-box;
65
+ }
78
66
 
79
- ::selection {
80
- color: var(--color-base-1000);
67
+ html {
68
+ @extend %body;
69
+ background: var(--theme-bg);
70
+ -webkit-font-smoothing: antialiased;
71
+
72
+ &[data-theme='dark'] {
73
+ --theme-bg: var(--theme-elevation-0);
74
+ --theme-text: var(--theme-elevation-1000);
75
+ --theme-input-bg: var(--theme-elevation-50);
76
+ --theme-overlay: rgba(5, 5, 5, 0.75);
77
+ color-scheme: dark;
78
+
79
+ ::selection {
80
+ color: var(--color-base-1000);
81
+ }
82
+
83
+ ::-moz-selection {
84
+ color: var(--color-base-1000);
85
+ }
81
86
  }
82
87
 
83
- ::-moz-selection {
84
- color: var(--color-base-1000);
88
+ @include mid-break {
89
+ font-size: 12px;
85
90
  }
86
91
  }
87
92
 
88
- @include mid-break {
89
- font-size: 12px;
93
+ html,
94
+ body,
95
+ #app {
96
+ height: 100%;
90
97
  }
91
- }
92
98
 
93
- html,
94
- body,
95
- #app {
96
- height: 100%;
97
- }
99
+ body {
100
+ font-family: var(--font-body);
101
+ font-weight: 400;
102
+ color: var(--theme-text);
103
+ margin: 0;
104
+ // this is for the nav to be able to push the document over
105
+ overflow-x: hidden;
106
+ }
98
107
 
99
- body {
100
- font-family: var(--font-body);
101
- font-weight: 400;
102
- color: var(--theme-text);
103
- margin: 0;
104
- // this is for the nav to be able to push the document over
105
- overflow-x: hidden;
106
- }
108
+ ::selection {
109
+ background: var(--color-success-250);
110
+ color: var(--theme-base-800);
111
+ }
107
112
 
108
- ::selection {
109
- background: var(--color-success-250);
110
- color: var(--theme-base-800);
111
- }
113
+ ::-moz-selection {
114
+ background: var(--color-success-250);
115
+ color: var(--theme-base-800);
116
+ }
112
117
 
113
- ::-moz-selection {
114
- background: var(--color-success-250);
115
- color: var(--theme-base-800);
116
- }
118
+ img {
119
+ max-width: 100%;
120
+ height: auto;
121
+ display: block;
122
+ }
117
123
 
118
- img {
119
- max-width: 100%;
120
- height: auto;
121
- display: block;
122
- }
124
+ h1 {
125
+ @extend %h1;
126
+ }
123
127
 
124
- h1 {
125
- @extend %h1;
126
- }
128
+ h2 {
129
+ @extend %h2;
130
+ }
127
131
 
128
- h2 {
129
- @extend %h2;
130
- }
132
+ h3 {
133
+ @extend %h3;
134
+ }
131
135
 
132
- h3 {
133
- @extend %h3;
134
- }
136
+ h4 {
137
+ @extend %h4;
138
+ }
135
139
 
136
- h4 {
137
- @extend %h4;
138
- }
140
+ h5 {
141
+ @extend %h5;
142
+ }
139
143
 
140
- h5 {
141
- @extend %h5;
142
- }
144
+ h6 {
145
+ @extend %h6;
146
+ }
143
147
 
144
- h6 {
145
- @extend %h6;
146
- }
148
+ p {
149
+ margin: 0;
150
+ }
147
151
 
148
- p {
149
- margin: 0 0 $baseline;
150
- }
152
+ ul,
153
+ ol {
154
+ padding-left: $baseline;
155
+ margin: 0;
156
+ }
151
157
 
152
- ul,
153
- ol {
154
- padding-left: $baseline;
155
- margin: 0 0 $baseline;
156
- }
158
+ :focus-visible {
159
+ outline: var(--accessibility-outline);
160
+ }
157
161
 
158
- :focus-visible {
159
- outline: var(--accessibility-outline);
160
- }
162
+ a {
163
+ color: currentColor;
161
164
 
162
- a {
163
- color: currentColor;
165
+ &:focus {
166
+ &:not(:focus-visible) {
167
+ opacity: 0.8;
168
+ }
169
+ outline: none;
170
+ }
164
171
 
165
- &:focus {
166
- &:not(:focus-visible) {
167
- opacity: 0.8;
172
+ &:active {
173
+ opacity: 0.7;
174
+ outline: none;
168
175
  }
169
- outline: none;
170
176
  }
171
177
 
172
- &:active {
173
- opacity: 0.7;
174
- outline: none;
178
+ svg {
179
+ vertical-align: middle;
175
180
  }
176
- }
177
181
 
178
- svg {
179
- vertical-align: middle;
180
- }
182
+ dialog {
183
+ width: 100%;
184
+ border: 0;
185
+ padding: 0;
186
+ color: currentColor;
187
+ }
181
188
 
182
- dialog {
183
- width: 100%;
184
- border: 0;
185
- padding: 0;
186
- color: currentColor;
187
- }
189
+ .payload__modal-item {
190
+ min-height: 100%;
191
+ background: transparent;
192
+ }
188
193
 
189
- .payload__modal-item {
190
- min-height: 100%;
191
- background: transparent;
192
- }
194
+ .payload__modal-container--enterDone {
195
+ overflow: auto;
196
+ }
193
197
 
194
- .payload__modal-container--enterDone {
195
- overflow: auto;
196
- }
198
+ .payload__modal-item--enter,
199
+ .payload__modal-item--enterDone {
200
+ z-index: var(--z-modal);
201
+ }
197
202
 
198
- .payload__modal-item--enter,
199
- .payload__modal-item--enterDone {
200
- z-index: var(--z-modal);
203
+ // @import '~payload-user-css'; TODO: re-enable this
201
204
  }
202
-
203
- // @import '~payload-user-css'; TODO: re-enable this