@payloadcms/richtext-slate 3.0.0-canary.3bd3027 → 3.0.0-canary.483db21

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 (170) hide show
  1. package/dist/cell/index.js.map +1 -1
  2. package/dist/data/defaultValue.js.map +1 -1
  3. package/dist/data/populate.d.ts +4 -4
  4. package/dist/data/populate.d.ts.map +1 -1
  5. package/dist/data/populate.js.map +1 -1
  6. package/dist/data/recurseNestedFields.d.ts +2 -2
  7. package/dist/data/recurseNestedFields.d.ts.map +1 -1
  8. package/dist/data/recurseNestedFields.js +2 -2
  9. package/dist/data/recurseNestedFields.js.map +1 -1
  10. package/dist/data/richTextRelationshipPromise.d.ts +2 -2
  11. package/dist/data/richTextRelationshipPromise.d.ts.map +1 -1
  12. package/dist/data/richTextRelationshipPromise.js.map +1 -1
  13. package/dist/data/validation.js.map +1 -1
  14. package/dist/field/RichText.d.ts +5 -4
  15. package/dist/field/RichText.d.ts.map +1 -1
  16. package/dist/field/RichText.js.map +1 -1
  17. package/dist/field/createFeatureMap.js.map +1 -1
  18. package/dist/field/elements/Button.js.map +1 -1
  19. package/dist/field/elements/EnabledRelationshipsCondition.js.map +1 -1
  20. package/dist/field/elements/ListButton.js.map +1 -1
  21. package/dist/field/elements/areAllChildrenElements.js.map +1 -1
  22. package/dist/field/elements/blockquote/Blockquote.js.map +1 -1
  23. package/dist/field/elements/blockquote/index.js.map +1 -1
  24. package/dist/field/elements/getCommonBlock.js.map +1 -1
  25. package/dist/field/elements/h1/Heading1.js.map +1 -1
  26. package/dist/field/elements/h1/index.js.map +1 -1
  27. package/dist/field/elements/h2/Heading2.js.map +1 -1
  28. package/dist/field/elements/h2/index.js.map +1 -1
  29. package/dist/field/elements/h3/Heading3.js.map +1 -1
  30. package/dist/field/elements/h3/index.js.map +1 -1
  31. package/dist/field/elements/h4/Heading4.js.map +1 -1
  32. package/dist/field/elements/h4/index.js.map +1 -1
  33. package/dist/field/elements/h5/Heading5.js.map +1 -1
  34. package/dist/field/elements/h5/index.js.map +1 -1
  35. package/dist/field/elements/h6/Heading6.js.map +1 -1
  36. package/dist/field/elements/h6/index.js.map +1 -1
  37. package/dist/field/elements/indent/Button.js.map +1 -1
  38. package/dist/field/elements/indent/Element.js.map +1 -1
  39. package/dist/field/elements/indent/index.js.map +1 -1
  40. package/dist/field/elements/indent/shared.js.map +1 -1
  41. package/dist/field/elements/index.js.map +1 -1
  42. package/dist/field/elements/injectVoid.js.map +1 -1
  43. package/dist/field/elements/isActive.js.map +1 -1
  44. package/dist/field/elements/isBlockElement.js.map +1 -1
  45. package/dist/field/elements/isLastSelectedElementEmpty.js.map +1 -1
  46. package/dist/field/elements/isListActive.js.map +1 -1
  47. package/dist/field/elements/isWithinListItem.js.map +1 -1
  48. package/dist/field/elements/li/ListItem.js.map +1 -1
  49. package/dist/field/elements/li/index.js.map +1 -1
  50. package/dist/field/elements/link/Button/index.d.ts.map +1 -1
  51. package/dist/field/elements/link/Button/index.js +2 -1
  52. package/dist/field/elements/link/Button/index.js.map +1 -1
  53. package/dist/field/elements/link/Element/index.js +2 -2
  54. package/dist/field/elements/link/Element/index.js.map +1 -1
  55. package/dist/field/elements/link/LinkDrawer/baseFields.js.map +1 -1
  56. package/dist/field/elements/link/LinkDrawer/index.js.map +1 -1
  57. package/dist/field/elements/link/LinkDrawer/types.d.ts +1 -2
  58. package/dist/field/elements/link/LinkDrawer/types.d.ts.map +1 -1
  59. package/dist/field/elements/link/LinkDrawer/types.js.map +1 -1
  60. package/dist/field/elements/link/WithLinks.js.map +1 -1
  61. package/dist/field/elements/link/index.js.map +1 -1
  62. package/dist/field/elements/link/shared.js.map +1 -1
  63. package/dist/field/elements/link/types.d.ts +2 -2
  64. package/dist/field/elements/link/types.d.ts.map +1 -1
  65. package/dist/field/elements/link/types.js.map +1 -1
  66. package/dist/field/elements/link/utilities.js.map +1 -1
  67. package/dist/field/elements/listTypes.js.map +1 -1
  68. package/dist/field/elements/ol/OrderedList.js.map +1 -1
  69. package/dist/field/elements/ol/index.js.map +1 -1
  70. package/dist/field/elements/relationship/Button/index.js.map +1 -1
  71. package/dist/field/elements/relationship/Element/index.d.ts +3 -3
  72. package/dist/field/elements/relationship/Element/index.d.ts.map +1 -1
  73. package/dist/field/elements/relationship/Element/index.js.map +1 -1
  74. package/dist/field/elements/relationship/index.js.map +1 -1
  75. package/dist/field/elements/relationship/plugin.js.map +1 -1
  76. package/dist/field/elements/relationship/shared.js.map +1 -1
  77. package/dist/field/elements/relationship/types.d.ts +2 -2
  78. package/dist/field/elements/relationship/types.d.ts.map +1 -1
  79. package/dist/field/elements/relationship/types.js.map +1 -1
  80. package/dist/field/elements/textAlign/index.js.map +1 -1
  81. package/dist/field/elements/toggle.js.map +1 -1
  82. package/dist/field/elements/toggleList.js.map +1 -1
  83. package/dist/field/elements/types.js.map +1 -1
  84. package/dist/field/elements/ul/UnorderedList.js.map +1 -1
  85. package/dist/field/elements/ul/index.js.map +1 -1
  86. package/dist/field/elements/unwrapList.js.map +1 -1
  87. package/dist/field/elements/upload/Button/index.js.map +1 -1
  88. package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts +3 -4
  89. package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts.map +1 -1
  90. package/dist/field/elements/upload/Element/UploadDrawer/index.js.map +1 -1
  91. package/dist/field/elements/upload/Element/index.d.ts +3 -3
  92. package/dist/field/elements/upload/Element/index.d.ts.map +1 -1
  93. package/dist/field/elements/upload/Element/index.js.map +1 -1
  94. package/dist/field/elements/upload/index.js.map +1 -1
  95. package/dist/field/elements/upload/plugin.js.map +1 -1
  96. package/dist/field/elements/upload/shared.js.map +1 -1
  97. package/dist/field/elements/upload/types.d.ts +2 -2
  98. package/dist/field/elements/upload/types.d.ts.map +1 -1
  99. package/dist/field/elements/upload/types.js.map +1 -1
  100. package/dist/field/hotkeys.js.map +1 -1
  101. package/dist/field/icons/AlignCenter/index.js.map +1 -1
  102. package/dist/field/icons/AlignLeft/index.js.map +1 -1
  103. package/dist/field/icons/AlignRight/index.js.map +1 -1
  104. package/dist/field/icons/Blockquote/index.js.map +1 -1
  105. package/dist/field/icons/Bold/index.js.map +1 -1
  106. package/dist/field/icons/Code/index.js.map +1 -1
  107. package/dist/field/icons/IndentLeft/index.js.map +1 -1
  108. package/dist/field/icons/IndentRight/index.js.map +1 -1
  109. package/dist/field/icons/Italic/index.js.map +1 -1
  110. package/dist/field/icons/Link/index.js.map +1 -1
  111. package/dist/field/icons/OrderedList/index.js.map +1 -1
  112. package/dist/field/icons/Relationship/index.js.map +1 -1
  113. package/dist/field/icons/Strikethrough/index.js.map +1 -1
  114. package/dist/field/icons/Underline/index.js.map +1 -1
  115. package/dist/field/icons/UnorderedList/index.js.map +1 -1
  116. package/dist/field/icons/Upload/index.js.map +1 -1
  117. package/dist/field/icons/headings/H1/index.js.map +1 -1
  118. package/dist/field/icons/headings/H2/index.js.map +1 -1
  119. package/dist/field/icons/headings/H3/index.js.map +1 -1
  120. package/dist/field/icons/headings/H4/index.js.map +1 -1
  121. package/dist/field/icons/headings/H5/index.js.map +1 -1
  122. package/dist/field/icons/headings/H6/index.js.map +1 -1
  123. package/dist/field/index.d.ts +3 -3
  124. package/dist/field/index.d.ts.map +1 -1
  125. package/dist/field/index.js.map +1 -1
  126. package/dist/field/index.scss +3 -1
  127. package/dist/field/leaves/Button.js.map +1 -1
  128. package/dist/field/leaves/bold/Bold/index.js.map +1 -1
  129. package/dist/field/leaves/bold/index.js.map +1 -1
  130. package/dist/field/leaves/code/Code/index.js.map +1 -1
  131. package/dist/field/leaves/code/index.js.map +1 -1
  132. package/dist/field/leaves/index.js.map +1 -1
  133. package/dist/field/leaves/isActive.js.map +1 -1
  134. package/dist/field/leaves/italic/Italic/index.js.map +1 -1
  135. package/dist/field/leaves/italic/index.js.map +1 -1
  136. package/dist/field/leaves/strikethrough/Strikethrough/index.js.map +1 -1
  137. package/dist/field/leaves/strikethrough/index.js.map +1 -1
  138. package/dist/field/leaves/toggle.js.map +1 -1
  139. package/dist/field/leaves/underline/Underline/index.js.map +1 -1
  140. package/dist/field/leaves/underline/index.js.map +1 -1
  141. package/dist/field/mergeCustomFunctions.js.map +1 -1
  142. package/dist/field/plugins/withEnterBreakOut.js.map +1 -1
  143. package/dist/field/plugins/withHTML.js.map +1 -1
  144. package/dist/field/providers/ElementButtonProvider.d.ts +5 -5
  145. package/dist/field/providers/ElementButtonProvider.d.ts.map +1 -1
  146. package/dist/field/providers/ElementButtonProvider.js.map +1 -1
  147. package/dist/field/providers/ElementProvider.d.ts +5 -5
  148. package/dist/field/providers/ElementProvider.d.ts.map +1 -1
  149. package/dist/field/providers/ElementProvider.js.map +1 -1
  150. package/dist/field/providers/LeafButtonProvider.d.ts +5 -5
  151. package/dist/field/providers/LeafButtonProvider.d.ts.map +1 -1
  152. package/dist/field/providers/LeafButtonProvider.js.map +1 -1
  153. package/dist/field/providers/LeafProvider.d.ts +5 -5
  154. package/dist/field/providers/LeafProvider.d.ts.map +1 -1
  155. package/dist/field/providers/LeafProvider.js.map +1 -1
  156. package/dist/field/types.js.map +1 -1
  157. package/dist/generateComponentMap.d.ts.map +1 -1
  158. package/dist/generateComponentMap.js +3 -1
  159. package/dist/generateComponentMap.js.map +1 -1
  160. package/dist/generateSchemaMap.js.map +1 -1
  161. package/dist/index.js.map +1 -1
  162. package/dist/scss/app.scss +4 -9
  163. package/dist/scss/colors.scss +76 -76
  164. package/dist/scss/toastify.scss +59 -0
  165. package/dist/scss/toasts.scss +75 -45
  166. package/dist/scss/type.scss +14 -23
  167. package/dist/scss/vars.scss +26 -47
  168. package/dist/types.js.map +1 -1
  169. package/dist/utilities/useSlatePlugin.js.map +1 -1
  170. package/package.json +12 -12
@@ -1 +1 @@
1
- {"version":3,"file":"generateComponentMap.d.ts","sourceRoot":"","sources":["../src/generateComponentMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,eAAe,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,YAAY,CAAA;AAO7F,eAAO,MAAM,uBAAuB,SAC3B,gBAAgB,KAAG,eAAe,CAAC,sBAAsB,CAmG/D,CAAA"}
1
+ {"version":3,"file":"generateComponentMap.d.ts","sourceRoot":"","sources":["../src/generateComponentMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,eAAe,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,YAAY,CAAA;AAO7F,eAAO,MAAM,uBAAuB,SAC3B,gBAAgB,KAAG,eAAe,CAAC,sBAAsB,CAqG/D,CAAA"}
@@ -5,7 +5,7 @@ import { elements as elementTypes } from './field/elements/index.js';
5
5
  import { linkFieldsSchemaPath } from './field/elements/link/shared.js';
6
6
  import { uploadFieldsSchemaPath } from './field/elements/upload/shared.js';
7
7
  import { defaultLeaves as leafTypes } from './field/leaves/index.js';
8
- export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i18n })=>{
8
+ export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i18n, payload })=>{
9
9
  const componentMap = new Map();
10
10
  (args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf)=>{
11
11
  let leafObject;
@@ -51,6 +51,7 @@ export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i
51
51
  config,
52
52
  fieldSchema: args.admin?.link?.fields,
53
53
  i18n,
54
+ payload,
54
55
  readOnly: false
55
56
  });
56
57
  componentMap.set(linkFieldsSchemaPath, mappedFields);
@@ -71,6 +72,7 @@ export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i
71
72
  config,
72
73
  fieldSchema: args?.admin?.upload?.collections[collection.slug]?.fields,
73
74
  i18n,
75
+ payload,
74
76
  readOnly: false
75
77
  });
76
78
  componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, mappedFields);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/generateComponentMap.tsx"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport { mapFields } from '@payloadcms/ui/utilities/buildComponentMap'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\nimport { defaultLeaves as leafTypes } from './field/leaves/index.js'\n\nexport const getGenerateComponentMap =\n (args: AdapterArguments): RichTextAdapter['generateComponentMap'] =>\n ({ WithServerSideProps, config, i18n }) => {\n const componentMap = new Map()\n\n ;(args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf) => {\n let leafObject: RichTextCustomLeaf\n\n if (typeof leaf === 'object' && leaf !== null) {\n leafObject = leaf\n } else if (typeof leaf === 'string' && leafTypes[leaf]) {\n leafObject = leafTypes[leaf]\n }\n\n if (leafObject) {\n const LeafButton = leafObject.Button\n const LeafComponent = leafObject.Leaf\n\n componentMap.set(`leaf.button.${leafObject.name}`, <LeafButton />)\n componentMap.set(`leaf.component.${leafObject.name}`, <LeafComponent />)\n\n if (Array.isArray(leafObject.plugins)) {\n leafObject.plugins.forEach((Plugin, i) => {\n componentMap.set(`leaf.plugin.${leafObject.name}.${i}`, <Plugin />)\n })\n }\n }\n })\n ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n const ElementButton = element.Button\n const ElementComponent = element.Element\n\n if (ElementButton) componentMap.set(`element.button.${element.name}`, <ElementButton />)\n componentMap.set(`element.component.${element.name}`, <ElementComponent />)\n\n if (Array.isArray(element.plugins)) {\n element.plugins.forEach((Plugin, i) => {\n componentMap.set(`element.plugin.${element.name}.${i}`, <Plugin />)\n })\n }\n\n switch (element.name) {\n case 'link': {\n const mappedFields = mapFields({\n WithServerSideProps,\n config,\n fieldSchema: args.admin?.link?.fields as Field[],\n i18n,\n readOnly: false,\n })\n\n componentMap.set(linkFieldsSchemaPath, mappedFields)\n\n break\n }\n\n case 'upload': {\n const uploadEnabledCollections = config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n const mappedFields = mapFields({\n WithServerSideProps,\n config,\n fieldSchema: args?.admin?.upload?.collections[collection.slug]?.fields,\n i18n,\n readOnly: false,\n })\n\n componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, mappedFields)\n }\n })\n\n break\n }\n\n case 'relationship':\n break\n }\n }\n })\n\n return componentMap\n }\n"],"names":["mapFields","React","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","defaultLeaves","leafTypes","getGenerateComponentMap","args","WithServerSideProps","config","i18n","componentMap","Map","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","mappedFields","fieldSchema","link","fields","readOnly","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["../src/generateComponentMap.tsx"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport { mapFields } from '@payloadcms/ui/utilities/buildComponentMap'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\nimport { defaultLeaves as leafTypes } from './field/leaves/index.js'\n\nexport const getGenerateComponentMap =\n (args: AdapterArguments): RichTextAdapter['generateComponentMap'] =>\n ({ WithServerSideProps, config, i18n, payload }) => {\n const componentMap = new Map()\n\n ;(args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf) => {\n let leafObject: RichTextCustomLeaf\n\n if (typeof leaf === 'object' && leaf !== null) {\n leafObject = leaf\n } else if (typeof leaf === 'string' && leafTypes[leaf]) {\n leafObject = leafTypes[leaf]\n }\n\n if (leafObject) {\n const LeafButton = leafObject.Button\n const LeafComponent = leafObject.Leaf\n\n componentMap.set(`leaf.button.${leafObject.name}`, <LeafButton />)\n componentMap.set(`leaf.component.${leafObject.name}`, <LeafComponent />)\n\n if (Array.isArray(leafObject.plugins)) {\n leafObject.plugins.forEach((Plugin, i) => {\n componentMap.set(`leaf.plugin.${leafObject.name}.${i}`, <Plugin />)\n })\n }\n }\n })\n ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n const ElementButton = element.Button\n const ElementComponent = element.Element\n\n if (ElementButton) componentMap.set(`element.button.${element.name}`, <ElementButton />)\n componentMap.set(`element.component.${element.name}`, <ElementComponent />)\n\n if (Array.isArray(element.plugins)) {\n element.plugins.forEach((Plugin, i) => {\n componentMap.set(`element.plugin.${element.name}.${i}`, <Plugin />)\n })\n }\n\n switch (element.name) {\n case 'link': {\n const mappedFields = mapFields({\n WithServerSideProps,\n config,\n fieldSchema: args.admin?.link?.fields as Field[],\n i18n,\n payload,\n readOnly: false,\n })\n\n componentMap.set(linkFieldsSchemaPath, mappedFields)\n\n break\n }\n\n case 'upload': {\n const uploadEnabledCollections = config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n const mappedFields = mapFields({\n WithServerSideProps,\n config,\n fieldSchema: args?.admin?.upload?.collections[collection.slug]?.fields,\n i18n,\n payload,\n readOnly: false,\n })\n\n componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, mappedFields)\n }\n })\n\n break\n }\n\n case 'relationship':\n break\n }\n }\n })\n\n return componentMap\n }\n"],"names":["mapFields","React","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","defaultLeaves","leafTypes","getGenerateComponentMap","args","WithServerSideProps","config","i18n","payload","componentMap","Map","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","mappedFields","fieldSchema","link","fields","readOnly","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/generateSchemaMap.ts"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport type { AdapterArguments, RichTextCustomElement } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\n\nexport const getGenerateSchemaMap =\n (args: AdapterArguments): RichTextAdapter['generateSchemaMap'] =>\n ({ config, schemaMap, schemaPath }) => {\n ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n switch (element.name) {\n case 'link': {\n schemaMap.set(\n `${schemaPath}.${linkFieldsSchemaPath}`,\n args.admin?.link?.fields as Field[],\n )\n\n break\n }\n\n case 'upload': {\n const uploadEnabledCollections = config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n schemaMap.set(\n `${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`,\n args?.admin?.upload?.collections[collection.slug]?.fields,\n )\n }\n })\n\n break\n }\n\n case 'relationship':\n break\n }\n }\n })\n\n return schemaMap\n }\n"],"names":["elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","getGenerateSchemaMap","args","config","schemaMap","schemaPath","admin","Object","values","forEach","el","element","name","set","link","fields","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,YAAYC,YAAY,QAAQ,4BAA2B;AACpE,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,sBAAsB,QAAQ,oCAAmC;AAE1E,OAAO,MAAMC,uBACX,CAACC,OACD,CAAC,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAE;QAC9BH,CAAAA,MAAMI,OAAOT,YAAYU,OAAOC,MAAM,CAACV,aAAY,EAAGW,OAAO,CAAC,CAACC;YAC/D,IAAIC;YAEJ,IAAI,OAAOD,OAAO,YAAYA,OAAO,MAAM;gBACzCC,UAAUD;YACZ,OAAO,IAAI,OAAOA,OAAO,YAAYZ,YAAY,CAACY,GAAG,EAAE;gBACrDC,UAAUb,YAAY,CAACY,GAAG;YAC5B;YAEA,IAAIC,SAAS;gBACX,OAAQA,QAAQC,IAAI;oBAClB,KAAK;wBAAQ;4BACXR,UAAUS,GAAG,CACX,CAAC,EAAER,WAAW,CAAC,EAAEN,qBAAqB,CAAC,EACvCG,KAAKI,KAAK,EAAEQ,MAAMC;4BAGpB;wBACF;oBAEA,KAAK;wBAAU;4BACb,MAAMC,2BAA2Bb,OAAOc,WAAW,CAACC,MAAM,CACxD,CAAC,EAAEZ,OAAO,EAAEa,0BAA0B,EAAEC,MAAM,EAAE,EAAEC,MAAM,EAAE;gCACxD,IAAID,WAAW,MAAM;oCACnB,OAAO;gCACT;gCAEA,OAAOD,8BAA8BG,QAAQD,YAAY;4BAC3D;4BAGFL,yBAAyBP,OAAO,CAAC,CAACc;gCAChC,IAAIrB,MAAMI,OAAOe,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAET,QAAQ;oCAC7DX,UAAUS,GAAG,CACX,CAAC,EAAER,WAAW,CAAC,EAAEL,uBAAuB,CAAC,EAAEuB,WAAWC,IAAI,CAAC,CAAC,EAC5DtB,MAAMI,OAAOe,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAET;gCAEvD;4BACF;4BAEA;wBACF;oBAEA,KAAK;wBACH;gBACJ;YACF;QACF;QAEA,OAAOX;IACT,EAAC"}
1
+ {"version":3,"sources":["../src/generateSchemaMap.ts"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport type { AdapterArguments, RichTextCustomElement } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\n\nexport const getGenerateSchemaMap =\n (args: AdapterArguments): RichTextAdapter['generateSchemaMap'] =>\n ({ config, schemaMap, schemaPath }) => {\n ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n switch (element.name) {\n case 'link': {\n schemaMap.set(\n `${schemaPath}.${linkFieldsSchemaPath}`,\n args.admin?.link?.fields as Field[],\n )\n\n break\n }\n\n case 'upload': {\n const uploadEnabledCollections = config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n schemaMap.set(\n `${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`,\n args?.admin?.upload?.collections[collection.slug]?.fields,\n )\n }\n })\n\n break\n }\n\n case 'relationship':\n break\n }\n }\n })\n\n return schemaMap\n }\n"],"names":["elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","getGenerateSchemaMap","args","config","schemaMap","schemaPath","admin","Object","values","forEach","el","element","name","set","link","fields","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"AAIA,SAASA,YAAYC,YAAY,QAAQ,4BAA2B;AACpE,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,sBAAsB,QAAQ,oCAAmC;AAE1E,OAAO,MAAMC,uBACX,CAACC,OACD,CAAC,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAE;QAC9BH,CAAAA,MAAMI,OAAOT,YAAYU,OAAOC,MAAM,CAACV,aAAY,EAAGW,OAAO,CAAC,CAACC;YAC/D,IAAIC;YAEJ,IAAI,OAAOD,OAAO,YAAYA,OAAO,MAAM;gBACzCC,UAAUD;YACZ,OAAO,IAAI,OAAOA,OAAO,YAAYZ,YAAY,CAACY,GAAG,EAAE;gBACrDC,UAAUb,YAAY,CAACY,GAAG;YAC5B;YAEA,IAAIC,SAAS;gBACX,OAAQA,QAAQC,IAAI;oBAClB,KAAK;wBAAQ;4BACXR,UAAUS,GAAG,CACX,CAAC,EAAER,WAAW,CAAC,EAAEN,qBAAqB,CAAC,EACvCG,KAAKI,KAAK,EAAEQ,MAAMC;4BAGpB;wBACF;oBAEA,KAAK;wBAAU;4BACb,MAAMC,2BAA2Bb,OAAOc,WAAW,CAACC,MAAM,CACxD,CAAC,EAAEZ,OAAO,EAAEa,0BAA0B,EAAEC,MAAM,EAAE,EAAEC,MAAM,EAAE;gCACxD,IAAID,WAAW,MAAM;oCACnB,OAAO;gCACT;gCAEA,OAAOD,8BAA8BG,QAAQD,YAAY;4BAC3D;4BAGFL,yBAAyBP,OAAO,CAAC,CAACc;gCAChC,IAAIrB,MAAMI,OAAOe,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAET,QAAQ;oCAC7DX,UAAUS,GAAG,CACX,CAAC,EAAER,WAAW,CAAC,EAAEL,uBAAuB,CAAC,EAAEuB,WAAWC,IAAI,CAAC,CAAC,EAC5DtB,MAAMI,OAAOe,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAET;gCAEvD;4BACF;4BAEA;wBACF;oBAEA,KAAK;wBACH;gBACJ;YACF;QACF;QAEA,OAAOX;IACT,EAAC"}
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 { RichTextCell } from './cell/index.js'\nimport { richTextRelationshipPromise } from './data/richTextRelationshipPromise.js'\nimport { richTextValidate } from './data/validation.js'\nimport { transformExtraFields } from './field/elements/link/utilities.js'\nimport { RichTextField } from './field/index.js'\nimport { getGenerateComponentMap } from './generateComponentMap.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: RichTextCell,\n FieldComponent: RichTextField,\n generateComponentMap: getGenerateComponentMap(args),\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 { ElementButton } from './field/elements/Button.js'\n\nexport { toggleElement } from './field/elements/toggle.js'\nexport { LeafButton } from './field/leaves/Button.js'\nexport { useLeaf } from './field/providers/LeafProvider.js'\n\nexport type {\n AdapterArguments,\n ElementNode,\n FieldProps,\n RichTextCustomElement,\n RichTextCustomLeaf,\n RichTextElement,\n RichTextLeaf,\n TextNode,\n} from './types.js'\n\nexport { nodeIsTextNode } from './types.js'\n"],"names":["sanitizeFields","withNullableJSONSchemaType","RichTextCell","richTextRelationshipPromise","richTextValidate","transformExtraFields","RichTextField","getGenerateComponentMap","getGenerateSchemaMap","slateEditor","args","config","validRelationships","collections","map","c","slug","admin","link","fields","upload","collection","Object","keys","CellComponent","FieldComponent","generateComponentMap","generateSchemaMap","graphQLPopulationPromises","context","currentDepth","depth","draft","field","fieldPromises","findMany","flattenLocales","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","elements","includes","hooks","afterRead","_context","_field","siblingData","outputSchema","isRequired","type","items","validate","ElementButton","toggleElement","LeafButton","useLeaf","nodeIsTextNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAc,EAAEC,0BAA0B,QAAQ,UAAS;AAIpE,SAASC,YAAY,QAAQ,kBAAiB;AAC9C,SAASC,2BAA2B,QAAQ,wCAAuC;AACnF,SAASC,gBAAgB,QAAQ,uBAAsB;AACvD,SAASC,oBAAoB,QAAQ,qCAAoC;AACzE,SAASC,aAAa,QAAQ,mBAAkB;AAChD,SAASC,uBAAuB,QAAQ,4BAA2B;AACnE,SAASC,oBAAoB,QAAQ,yBAAwB;AAE7D,OAAO,SAASC,YACdC,IAAsB;IAEtB,OAAO,OAAO,EAAEC,MAAM,EAAE;QACtB,MAAMC,qBAAqBD,OAAOE,WAAW,CAACC,GAAG,CAAC,CAACC,IAAMA,EAAEC,IAAI,KAAK,EAAE;QAEtE,IAAI,CAACN,KAAKO,KAAK,EAAE;YACfP,KAAKO,KAAK,GAAG,CAAC;QAChB;QACA,IAAI,CAACP,KAAKO,KAAK,CAACC,IAAI,EAAE;YACpBR,KAAKO,KAAK,CAACC,IAAI,GAAG,CAAC;QACrB;QACA,IAAI,CAACR,KAAKO,KAAK,CAACC,IAAI,CAACC,MAAM,EAAE;YAC3BT,KAAKO,KAAK,CAACC,IAAI,CAACC,MAAM,GAAG,EAAE;QAC7B;QACAT,KAAKO,KAAK,CAACC,IAAI,CAACC,MAAM,GAAG,MAAMnB,eAAe;YAC5CW,QAAQA;YACRQ,QAAQd,qBAAqBK,KAAKO,KAAK,EAAEC,MAAMC,QAAQR;YACvDC;QACF;QAEA,IAAIF,MAAMO,OAAOG,QAAQP,aAAa;YACpC,KAAK,MAAMQ,cAAcC,OAAOC,IAAI,CAACb,KAAKO,KAAK,CAACG,MAAM,CAACP,WAAW,EAAG;gBACnE,IAAIH,MAAMO,OAAOG,QAAQP,WAAW,CAACQ,WAAW,EAAEF,QAAQ;oBACxDT,KAAKO,KAAK,CAACG,MAAM,CAACP,WAAW,CAACQ,WAAW,CAACF,MAAM,GAAG,MAAMnB,eAAe;wBACtEW,QAAQA;wBACRQ,QAAQT,KAAKO,KAAK,EAAEG,QAAQP,WAAW,CAACQ,WAAW,EAAEF;wBACrDP;oBACF;gBACF;YACF;QACF;QAEA,OAAO;YACLY,eAAetB;YACfuB,gBAAgBnB;YAChBoB,sBAAsBnB,wBAAwBG;YAC9CiB,mBAAmBnB,qBAAqBE;YACxCkB,2BAA0B,EACxBC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,aAAa,EACbC,QAAQ,EACRC,cAAc,EACdC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EAChBC,UAAU,EACX;gBACC,IACER,MAAMhB,KAAK,EAAEyB,UAAUC,SAAS,mBAChCV,MAAMhB,KAAK,EAAEyB,UAAUC,SAAS,aAChCV,MAAMhB,KAAK,EAAEyB,UAAUC,SAAS,WAChC,CAACV,OAAOhB,OAAOyB,UACf;oBACAvC,4BAA4B;wBAC1B0B;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;wBACAC;oBACF;gBACF;YACF;YACAG,OAAO;gBACLC,WAAW;oBACT,CAAC,EACChB,SAASiB,QAAQ,EACjBhB,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,OAAOc,MAAM,EACbb,aAAa,EACbC,QAAQ,EACRC,cAAc,EACdC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EAChBQ,WAAW,EACZ;wBACC,MAAMnB,UAAeiB;wBACrB,MAAMb,QAAQc;wBACd,IACEd,MAAMhB,KAAK,EAAEyB,UAAUC,SAAS,mBAChCV,MAAMhB,KAAK,EAAEyB,UAAUC,SAAS,aAChCV,MAAMhB,KAAK,EAAEyB,UAAUC,SAAS,WAChC,CAACV,OAAOhB,OAAOyB,UACf;4BACAvC,4BAA4B;gCAC1B0B;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC,YAAYO;4BACd;wBACF;oBACF;iBACD;YACH;YACAC,cAAc,CAAC,EAAEC,UAAU,EAAE;gBAC3B,OAAO;oBACLC,MAAMlD,2BAA2B,SAASiD;oBAC1CE,OAAO;wBACLD,MAAM;oBACR;gBACF;YACF;YACAE,UAAUjD;QACZ;IACF;AACF;AAEA,SAASkD,aAAa,QAAQ,6BAA4B;AAE1D,SAASC,aAAa,QAAQ,6BAA4B;AAC1D,SAASC,UAAU,QAAQ,2BAA0B;AACrD,SAASC,OAAO,QAAQ,oCAAmC;AAa3D,SAASC,cAAc,QAAQ,aAAY"}
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 { RichTextCell } from './cell/index.js'\nimport { richTextRelationshipPromise } from './data/richTextRelationshipPromise.js'\nimport { richTextValidate } from './data/validation.js'\nimport { transformExtraFields } from './field/elements/link/utilities.js'\nimport { RichTextField } from './field/index.js'\nimport { getGenerateComponentMap } from './generateComponentMap.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: RichTextCell,\n FieldComponent: RichTextField,\n generateComponentMap: getGenerateComponentMap(args),\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 { ElementButton } from './field/elements/Button.js'\n\nexport { toggleElement } from './field/elements/toggle.js'\nexport { LeafButton } from './field/leaves/Button.js'\nexport { useLeaf } from './field/providers/LeafProvider.js'\n\nexport type {\n AdapterArguments,\n ElementNode,\n FieldProps,\n RichTextCustomElement,\n RichTextCustomLeaf,\n RichTextElement,\n RichTextLeaf,\n TextNode,\n} from './types.js'\n\nexport { nodeIsTextNode } from './types.js'\n"],"names":["sanitizeFields","withNullableJSONSchemaType","RichTextCell","richTextRelationshipPromise","richTextValidate","transformExtraFields","RichTextField","getGenerateComponentMap","getGenerateSchemaMap","slateEditor","args","config","validRelationships","collections","map","c","slug","admin","link","fields","upload","collection","Object","keys","CellComponent","FieldComponent","generateComponentMap","generateSchemaMap","graphQLPopulationPromises","context","currentDepth","depth","draft","field","fieldPromises","findMany","flattenLocales","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","elements","includes","hooks","afterRead","_context","_field","siblingData","outputSchema","isRequired","type","items","validate","ElementButton","toggleElement","LeafButton","useLeaf","nodeIsTextNode"],"mappings":"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"}
@@ -3,7 +3,7 @@
3
3
  @import './colors.scss';
4
4
 
5
5
  :root {
6
- --base-px: 25;
6
+ --base-px: 20;
7
7
  --base-body-size: 13;
8
8
  --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
9
9
 
@@ -21,6 +21,7 @@
21
21
  --theme-baseline-body-size: #{$baseline-body-size};
22
22
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
23
23
  sans-serif;
24
+ --font-serif: Georgia, 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
24
25
  --font-mono: monospace;
25
26
 
26
27
  --style-radius-s: #{$style-radius-s};
@@ -67,12 +68,6 @@ html {
67
68
  @extend %body;
68
69
  background: var(--theme-bg);
69
70
  -webkit-font-smoothing: antialiased;
70
- opacity: 0;
71
-
72
- &[data-theme='dark'],
73
- &[data-theme='light'] {
74
- opacity: initial;
75
- }
76
71
 
77
72
  &[data-theme='dark'] {
78
73
  --theme-bg: var(--theme-elevation-0);
@@ -111,12 +106,12 @@ body {
111
106
  }
112
107
 
113
108
  ::selection {
114
- background: var(--theme-success-500);
109
+ background: var(--color-success-250);
115
110
  color: var(--theme-base-800);
116
111
  }
117
112
 
118
113
  ::-moz-selection {
119
- background: var(--theme-success-500);
114
+ background: var(--color-success-250);
120
115
  color: var(--theme-base-800);
121
116
  }
122
117
 
@@ -21,85 +21,85 @@
21
21
  --color-base-950: rgb(7, 7, 7);
22
22
  --color-base-1000: rgb(0, 0, 0);
23
23
 
24
- --color-success-50: rgb(247, 255, 251);
25
- --color-success-100: rgb(240, 255, 247);
26
- --color-success-150: rgb(232, 255, 243);
27
- --color-success-200: rgb(224, 255, 239);
28
- --color-success-250: rgb(217, 255, 235);
29
- --color-success-300: rgb(209, 255, 230);
30
- --color-success-350: rgb(201, 255, 226);
31
- --color-success-400: rgb(193, 255, 222);
32
- --color-success-450: rgb(186, 255, 218);
33
- --color-success-500: rgb(178, 255, 214);
34
- --color-success-550: rgb(160, 230, 193);
35
- --color-success-600: rgb(142, 204, 171);
36
- --color-success-650: rgb(125, 179, 150);
37
- --color-success-700: rgb(107, 153, 128);
38
- --color-success-750: rgb(89, 128, 107);
39
- --color-success-800: rgb(71, 102, 86);
40
- --color-success-850: rgb(53, 77, 64);
41
- --color-success-900: rgb(36, 51, 43);
42
- --color-success-950: rgb(18, 25, 21);
24
+ --color-success-50: rgb(237, 245, 249);
25
+ --color-success-100: rgb(218, 237, 248);
26
+ --color-success-150: rgb(188, 225, 248);
27
+ --color-success-200: rgb(156, 216, 253);
28
+ --color-success-250: rgb(125, 204, 248);
29
+ --color-success-300: rgb(97, 190, 241);
30
+ --color-success-350: rgb(65, 178, 236);
31
+ --color-success-400: rgb(36, 164, 223);
32
+ --color-success-450: rgb(18, 148, 204);
33
+ --color-success-500: rgb(21, 135, 186);
34
+ --color-success-550: rgb(12, 121, 168);
35
+ --color-success-600: rgb(11, 110, 153);
36
+ --color-success-650: rgb(11, 97, 135);
37
+ --color-success-700: rgb(17, 88, 121);
38
+ --color-success-750: rgb(17, 76, 105);
39
+ --color-success-800: rgb(18, 66, 90);
40
+ --color-success-850: rgb(18, 56, 76);
41
+ --color-success-900: rgb(19, 44, 58);
42
+ --color-success-950: rgb(22, 33, 39);
43
43
 
44
- --color-warning-50: rgb(255, 255, 246);
45
- --color-warning-100: rgb(255, 255, 237);
46
- --color-warning-150: rgb(254, 255, 228);
47
- --color-warning-200: rgb(254, 255, 219);
48
- --color-warning-250: rgb(254, 255, 210);
49
- --color-warning-300: rgb(254, 255, 200);
50
- --color-warning-350: rgb(254, 255, 191);
51
- --color-warning-400: rgb(253, 255, 182);
52
- --color-warning-450: rgb(253, 255, 173);
53
- --color-warning-500: rgb(253, 255, 164);
54
- --color-warning-550: rgb(228, 230, 148);
55
- --color-warning-600: rgb(202, 204, 131);
56
- --color-warning-650: rgb(177, 179, 115);
57
- --color-warning-700: rgb(152, 153, 98);
58
- --color-warning-750: rgb(127, 128, 82);
59
- --color-warning-800: rgb(101, 102, 66);
60
- --color-warning-850: rgb(76, 77, 49);
61
- --color-warning-900: rgb(51, 51, 33);
62
- --color-warning-950: rgb(25, 25, 16);
44
+ --color-error-50: rgb(250, 241, 240);
45
+ --color-error-100: rgb(252, 229, 227);
46
+ --color-error-150: rgb(247, 208, 204);
47
+ --color-error-200: rgb(254, 193, 188);
48
+ --color-error-250: rgb(253, 177, 170);
49
+ --color-error-300: rgb(253, 154, 146);
50
+ --color-error-350: rgb(253, 131, 123);
51
+ --color-error-400: rgb(246, 109, 103);
52
+ --color-error-450: rgb(234, 90, 86);
53
+ --color-error-500: rgb(218, 75, 72);
54
+ --color-error-550: rgb(200, 62, 61);
55
+ --color-error-600: rgb(182, 54, 54);
56
+ --color-error-650: rgb(161, 47, 47);
57
+ --color-error-700: rgb(144, 44, 43);
58
+ --color-error-750: rgb(123, 41, 39);
59
+ --color-error-800: rgb(105, 39, 37);
60
+ --color-error-850: rgb(86, 36, 33);
61
+ --color-error-900: rgb(64, 32, 29);
62
+ --color-error-950: rgb(44, 26, 24);
63
63
 
64
- --color-error-50: rgb(255, 241, 241);
65
- --color-error-100: rgb(255, 226, 228);
66
- --color-error-150: rgb(255, 212, 214);
67
- --color-error-200: rgb(255, 197, 200);
68
- --color-error-250: rgb(255, 183, 187);
69
- --color-error-300: rgb(255, 169, 173);
70
- --color-error-350: rgb(255, 154, 159);
71
- --color-error-400: rgb(255, 140, 145);
72
- --color-error-450: rgb(255, 125, 132);
73
- --color-error-500: rgb(255, 111, 118);
74
- --color-error-550: rgb(230, 100, 106);
75
- --color-error-600: rgb(204, 89, 94);
76
- --color-error-650: rgb(179, 78, 83);
77
- --color-error-700: rgb(153, 67, 71);
78
- --color-error-750: rgb(128, 56, 59);
79
- --color-error-800: rgb(102, 44, 47);
80
- --color-error-850: rgb(77, 33, 35);
81
- --color-error-900: rgb(51, 22, 24);
82
- --color-error-950: rgb(25, 11, 12);
64
+ --color-warning-50: rgb(249, 242, 237);
65
+ --color-warning-100: rgb(248, 232, 219);
66
+ --color-warning-150: rgb(243, 212, 186);
67
+ --color-warning-200: rgb(243, 200, 162);
68
+ --color-warning-250: rgb(240, 185, 136);
69
+ --color-warning-300: rgb(238, 166, 98);
70
+ --color-warning-350: rgb(234, 148, 58);
71
+ --color-warning-400: rgb(223, 132, 17);
72
+ --color-warning-450: rgb(204, 120, 15);
73
+ --color-warning-500: rgb(185, 108, 13);
74
+ --color-warning-550: rgb(167, 97, 10);
75
+ --color-warning-600: rgb(150, 87, 11);
76
+ --color-warning-650: rgb(134, 78, 11);
77
+ --color-warning-700: rgb(120, 70, 13);
78
+ --color-warning-750: rgb(105, 61, 13);
79
+ --color-warning-800: rgb(90, 55, 19);
80
+ --color-warning-850: rgb(73, 47, 21);
81
+ --color-warning-900: rgb(56, 38, 20);
82
+ --color-warning-950: rgb(38, 29, 21);
83
83
 
84
- --color-blue-50: rgb(230, 247, 253);
85
- --color-blue-100: rgb(204, 238, 252);
86
- --color-blue-150: rgb(179, 230, 250);
87
- --color-blue-200: rgb(153, 221, 249);
88
- --color-blue-250: rgb(128, 213, 247);
89
- --color-blue-300: rgb(102, 204, 245);
90
- --color-blue-350: rgb(77, 196, 244);
91
- --color-blue-400: rgb(51, 187, 242);
92
- --color-blue-450: rgb(25, 179, 241);
93
- --color-blue-500: rgb(0, 170, 239);
94
- --color-blue-550: rgb(0, 153, 215);
95
- --color-blue-600: rgb(0, 136, 191);
96
- --color-blue-650: rgb(0, 119, 167);
97
- --color-blue-700: rgb(0, 102, 143);
98
- --color-blue-750: rgb(0, 85, 120);
99
- --color-blue-800: rgb(0, 68, 96);
100
- --color-blue-850: rgb(0, 51, 72);
101
- --color-blue-900: rgb(0, 34, 48);
102
- --color-blue-950: rgb(0, 17, 24);
84
+ --color-blue-50: rgb(237, 245, 249);
85
+ --color-blue-100: rgb(218, 237, 248);
86
+ --color-blue-150: rgb(188, 225, 248);
87
+ --color-blue-200: rgb(156, 216, 253);
88
+ --color-blue-250: rgb(125, 204, 248);
89
+ --color-blue-300: rgb(97, 190, 241);
90
+ --color-blue-350: rgb(65, 178, 236);
91
+ --color-blue-400: rgb(36, 164, 223);
92
+ --color-blue-450: rgb(18, 148, 204);
93
+ --color-blue-500: rgb(21, 135, 186);
94
+ --color-blue-550: rgb(12, 121, 168);
95
+ --color-blue-600: rgb(11, 110, 153);
96
+ --color-blue-650: rgb(11, 97, 135);
97
+ --color-blue-700: rgb(17, 88, 121);
98
+ --color-blue-750: rgb(17, 76, 105);
99
+ --color-blue-800: rgb(18, 66, 90);
100
+ --color-blue-850: rgb(18, 56, 76);
101
+ --color-blue-900: rgb(19, 44, 58);
102
+ --color-blue-950: rgb(22, 33, 39);
103
103
 
104
104
  --theme-border-color: var(--theme-elevation-150);
105
105
 
@@ -0,0 +1,59 @@
1
+ @import 'vars';
2
+ @import 'queries';
3
+
4
+ .Toastify {
5
+ .Toastify__toast-container {
6
+ left: base(5);
7
+ transform: none;
8
+ right: base(5);
9
+ width: auto;
10
+ }
11
+
12
+ .Toastify__toast {
13
+ padding: base(0.5);
14
+ border-radius: $style-radius-m;
15
+ font-weight: 600;
16
+ }
17
+
18
+ .Toastify__close-button {
19
+ align-self: center;
20
+ opacity: 0.7;
21
+
22
+ &:hover {
23
+ opacity: 1;
24
+ }
25
+ }
26
+
27
+ .Toastify__toast--success {
28
+ color: var(--color-success-900);
29
+ background: var(--color-success-500);
30
+
31
+ .Toastify__progress-bar {
32
+ background-color: var(--color-success-900);
33
+ }
34
+ }
35
+
36
+ .Toastify__close-button--success {
37
+ color: var(--color-success-900);
38
+ }
39
+
40
+ .Toastify__toast--error {
41
+ background: var(--theme-error-500);
42
+ color: #fff;
43
+
44
+ .Toastify__progress-bar {
45
+ background-color: #fff;
46
+ }
47
+ }
48
+
49
+ .Toastify__close-button--light {
50
+ color: inherit;
51
+ }
52
+
53
+ @include mid-break {
54
+ .Toastify__toast-container {
55
+ left: $baseline;
56
+ right: $baseline;
57
+ }
58
+ }
59
+ }
@@ -1,24 +1,28 @@
1
+ @import './styles.scss';
2
+
1
3
  .payload-toast-container {
4
+ padding: 0;
5
+ margin: 0;
6
+
2
7
  .payload-toast-close-button {
8
+ position: absolute;
9
+ order: 3;
3
10
  left: unset;
4
- right: 0.5rem;
5
- top: 1.55rem;
6
- color: var(--theme-elevation-400);
11
+ inset-inline-end: base(0.5);
12
+ top: 50%;
13
+ transform: translateY(-50%);
14
+ color: var(--theme-elevation-600);
7
15
  background: unset;
8
16
  border: none;
9
- display: flex;
10
- width: 1.25rem;
11
- height: 1.25rem;
12
- justify-content: center;
13
- align-items: center;
14
17
 
15
- &:hover {
16
- background: none;
18
+ svg {
19
+ width: base(0.75);
20
+ height: base(0.75);
17
21
  }
18
22
 
19
- svg {
20
- width: 2rem;
21
- height: 2rem;
23
+ &:hover {
24
+ color: var(--theme-elevation-250);
25
+ background: none;
22
26
  }
23
27
 
24
28
  [dir='RTL'] & {
@@ -27,16 +31,20 @@
27
31
  }
28
32
  }
29
33
 
34
+ .toast-title {
35
+ line-height: base(1);
36
+ }
37
+
30
38
  .payload-toast-item {
31
- padding: 1rem 2.5rem 1rem 1rem;
32
- color: var(--theme-text);
39
+ padding: base(0.5);
40
+ color: var(--theme-elevation-800);
33
41
  font-style: normal;
34
42
  font-weight: 600;
35
43
  display: flex;
36
44
  gap: 1rem;
37
45
  align-items: center;
38
46
  width: 100%;
39
- border-radius: 0.15rem;
47
+ border-radius: 4px;
40
48
  border: 1px solid var(--theme-border-color);
41
49
  background: var(--theme-input-bg);
42
50
  box-shadow:
@@ -45,6 +53,7 @@
45
53
 
46
54
  .toast-content {
47
55
  transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
56
+ width: 100%;
48
57
  }
49
58
 
50
59
  &[data-front='false'] {
@@ -60,51 +69,72 @@
60
69
  }
61
70
 
62
71
  .toast-icon {
63
- svg {
64
- width: 2.4rem;
65
- height: 2.4rem;
72
+ width: base(1);
73
+ height: base(1);
74
+ margin: 0;
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: center;
78
+
79
+ & > * {
80
+ width: base(1.2);
81
+ height: base(1.2);
66
82
  }
67
83
  }
68
84
 
69
85
  &.toast-warning {
70
- border-color: var(--theme-warning-200);
71
- background-color: var(--theme-warning-100);
86
+ color: var(--theme-warning-800);
87
+ border-color: var(--theme-warning-150);
88
+ background-color: var(--theme-warning-50);
89
+
90
+ .payload-toast-close-button {
91
+ color: var(--theme-warning-600);
92
+
93
+ &:hover {
94
+ color: var(--theme-warning-250);
95
+ }
96
+ }
72
97
  }
73
98
 
74
99
  &.toast-error {
75
- border-color: var(--theme-error-300);
76
- background-color: var(--theme-error-150);
100
+ color: var(--theme-error-800);
101
+ border-color: var(--theme-error-150);
102
+ background-color: var(--theme-error-50);
103
+
104
+ .payload-toast-close-button {
105
+ color: var(--theme-error-600);
106
+
107
+ &:hover {
108
+ color: var(--theme-error-250);
109
+ }
110
+ }
77
111
  }
78
112
 
79
113
  &.toast-success {
80
- border-color: var(--theme-success-200);
81
- background-color: var(--theme-success-100);
82
- }
114
+ color: var(--theme-success-800);
115
+ border-color: var(--theme-success-150);
116
+ background-color: var(--theme-success-50);
83
117
 
84
- &.toast-info {
85
- border-color: var(--theme-elevation-250);
86
- background-color: var(--theme-elevation-100);
87
- }
118
+ .payload-toast-close-button {
119
+ color: var(--theme-success-600);
88
120
 
89
- [data-theme='light'] & {
90
- &.toast-warning {
91
- border-color: var(--theme-warning-550);
92
- background-color: var(--theme-warning-100);
121
+ &:hover {
122
+ color: var(--theme-success-250);
123
+ }
93
124
  }
125
+ }
94
126
 
95
- &.toast-error {
96
- border-color: var(--theme-error-200);
97
- background-color: var(--theme-error-50);
98
- }
127
+ &.toast-info {
128
+ color: var(--theme-elevation-800);
129
+ border-color: var(--theme-elevation-150);
130
+ background-color: var(--theme-elevation-50);
99
131
 
100
- &.toast-success {
101
- border-color: var(--theme-success-550);
102
- background-color: var(--theme-success-50);
103
- }
132
+ .payload-toast-close-button {
133
+ color: var(--theme-elevation-600);
104
134
 
105
- &.toast-info {
106
- border-color: var(--theme-border-color);
107
- background-color: var(--theme-elevation-50);
135
+ &:hover {
136
+ color: var(--theme-elevation-250);
137
+ }
108
138
  }
109
139
  }
110
140
  }