@ixo/editor 1.0.1 → 1.1.0

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 (224) hide show
  1. package/README.md +160 -136
  2. package/dist/chunk-57TP5N42.mjs +1784 -0
  3. package/dist/chunk-57TP5N42.mjs.map +1 -0
  4. package/dist/chunk-MXVDN3FO.mjs +169 -0
  5. package/dist/chunk-MXVDN3FO.mjs.map +1 -0
  6. package/dist/graphql-client-BmODcqPE.d.mts +135 -0
  7. package/dist/index.d.mts +1328 -0
  8. package/dist/index.mjs +27 -0
  9. package/dist/index.mjs.map +1 -0
  10. package/dist/mantine/index.d.mts +1253 -0
  11. package/dist/mantine/index.mjs +413 -0
  12. package/dist/mantine/index.mjs.map +1 -0
  13. package/dist/shadcn/index.d.mts +6 -0
  14. package/dist/shadcn/index.mjs +27 -0
  15. package/dist/shadcn/index.mjs.map +1 -0
  16. package/fonts/inter-v12-latin/inter-v12-latin-100.woff +0 -0
  17. package/fonts/inter-v12-latin/inter-v12-latin-100.woff2 +0 -0
  18. package/fonts/inter-v12-latin/inter-v12-latin-200.woff +0 -0
  19. package/fonts/inter-v12-latin/inter-v12-latin-200.woff2 +0 -0
  20. package/fonts/inter-v12-latin/inter-v12-latin-300.woff +0 -0
  21. package/fonts/inter-v12-latin/inter-v12-latin-300.woff2 +0 -0
  22. package/fonts/inter-v12-latin/inter-v12-latin-500.woff +0 -0
  23. package/fonts/inter-v12-latin/inter-v12-latin-500.woff2 +0 -0
  24. package/fonts/inter-v12-latin/inter-v12-latin-600.woff +0 -0
  25. package/fonts/inter-v12-latin/inter-v12-latin-600.woff2 +0 -0
  26. package/fonts/inter-v12-latin/inter-v12-latin-700.woff +0 -0
  27. package/fonts/inter-v12-latin/inter-v12-latin-700.woff2 +0 -0
  28. package/fonts/inter-v12-latin/inter-v12-latin-800.woff +0 -0
  29. package/fonts/inter-v12-latin/inter-v12-latin-800.woff2 +0 -0
  30. package/fonts/inter-v12-latin/inter-v12-latin-900.woff +0 -0
  31. package/fonts/inter-v12-latin/inter-v12-latin-900.woff2 +0 -0
  32. package/fonts/inter-v12-latin/inter-v12-latin-regular.woff +0 -0
  33. package/fonts/inter-v12-latin/inter-v12-latin-regular.woff2 +0 -0
  34. package/package.json +32 -10
  35. package/style-core.css +243 -0
  36. package/style-mantine.css +340 -0
  37. package/style-shadcn.css +340 -0
  38. package/style.css +94 -0
  39. package/dist/blocks/index.d.ts +0 -85
  40. package/dist/blocks/index.d.ts.map +0 -1
  41. package/dist/blocks/index.js +0 -50
  42. package/dist/blocks/list/ListBlock.d.ts +0 -59
  43. package/dist/blocks/list/ListBlock.d.ts.map +0 -1
  44. package/dist/blocks/list/ListBlock.js +0 -51
  45. package/dist/blocks/list/ListBlockToolbar.d.ts +0 -9
  46. package/dist/blocks/list/ListBlockToolbar.d.ts.map +0 -1
  47. package/dist/blocks/list/ListBlockToolbar.js +0 -26
  48. package/dist/blocks/list/ListContainer.d.ts +0 -5
  49. package/dist/blocks/list/ListContainer.d.ts.map +0 -1
  50. package/dist/blocks/list/ListContainer.js +0 -10
  51. package/dist/blocks/list/ListGeneralTab.d.ts +0 -11
  52. package/dist/blocks/list/ListGeneralTab.d.ts.map +0 -1
  53. package/dist/blocks/list/ListGeneralTab.js +0 -134
  54. package/dist/blocks/list/ListItem.d.ts +0 -8
  55. package/dist/blocks/list/ListItem.d.ts.map +0 -1
  56. package/dist/blocks/list/ListItem.js +0 -24
  57. package/dist/blocks/list/ListPreviewTab.d.ts +0 -9
  58. package/dist/blocks/list/ListPreviewTab.d.ts.map +0 -1
  59. package/dist/blocks/list/ListPreviewTab.js +0 -51
  60. package/dist/blocks/list/ListSettings.d.ts +0 -3
  61. package/dist/blocks/list/ListSettings.d.ts.map +0 -1
  62. package/dist/blocks/list/ListSettings.js +0 -115
  63. package/dist/blocks/list/ListSettingsTab.d.ts +0 -10
  64. package/dist/blocks/list/ListSettingsTab.d.ts.map +0 -1
  65. package/dist/blocks/list/ListSettingsTab.js +0 -64
  66. package/dist/blocks/list/index.d.ts +0 -3
  67. package/dist/blocks/list/index.d.ts.map +0 -1
  68. package/dist/blocks/list/index.js +0 -5
  69. package/dist/blocks/list/useList.d.ts +0 -5
  70. package/dist/blocks/list/useList.d.ts.map +0 -1
  71. package/dist/blocks/list/useList.js +0 -11
  72. package/dist/blocks/overview/OverviewBlock.d.ts +0 -33
  73. package/dist/blocks/overview/OverviewBlock.d.ts.map +0 -1
  74. package/dist/blocks/overview/OverviewBlock.js +0 -34
  75. package/dist/blocks/overview/OverviewBlockToolbar.d.ts +0 -8
  76. package/dist/blocks/overview/OverviewBlockToolbar.d.ts.map +0 -1
  77. package/dist/blocks/overview/OverviewBlockToolbar.js +0 -16
  78. package/dist/blocks/overview/OverviewGeneralTab.d.ts +0 -11
  79. package/dist/blocks/overview/OverviewGeneralTab.d.ts.map +0 -1
  80. package/dist/blocks/overview/OverviewGeneralTab.js +0 -134
  81. package/dist/blocks/overview/OverviewPreviewTab.d.ts +0 -10
  82. package/dist/blocks/overview/OverviewPreviewTab.d.ts.map +0 -1
  83. package/dist/blocks/overview/OverviewPreviewTab.js +0 -30
  84. package/dist/blocks/overview/OverviewSettings.d.ts +0 -3
  85. package/dist/blocks/overview/OverviewSettings.d.ts.map +0 -1
  86. package/dist/blocks/overview/OverviewSettings.js +0 -114
  87. package/dist/blocks/overview/index.d.ts +0 -3
  88. package/dist/blocks/overview/index.d.ts.map +0 -1
  89. package/dist/blocks/overview/index.js +0 -5
  90. package/dist/blocks/overview/useOverview.d.ts +0 -11
  91. package/dist/blocks/overview/useOverview.d.ts.map +0 -1
  92. package/dist/blocks/overview/useOverview.js +0 -61
  93. package/dist/components/GlobeIcon.d.ts +0 -9
  94. package/dist/components/GlobeIcon.d.ts.map +0 -1
  95. package/dist/components/GlobeIcon.js +0 -20
  96. package/dist/components/IxoEditor.d.ts +0 -14
  97. package/dist/components/IxoEditor.d.ts.map +0 -1
  98. package/dist/components/IxoEditor.js +0 -41
  99. package/dist/components/PenIcon.d.ts +0 -9
  100. package/dist/components/PenIcon.d.ts.map +0 -1
  101. package/dist/components/PenIcon.js +0 -20
  102. package/dist/components/SettingsIcon.d.ts +0 -9
  103. package/dist/components/SettingsIcon.d.ts.map +0 -1
  104. package/dist/components/SettingsIcon.js +0 -21
  105. package/dist/components/SettingsModal/AdvancedTab.d.ts +0 -8
  106. package/dist/components/SettingsModal/AdvancedTab.d.ts.map +0 -1
  107. package/dist/components/SettingsModal/AdvancedTab.js +0 -14
  108. package/dist/components/SettingsModal/DomainPreview.d.ts +0 -7
  109. package/dist/components/SettingsModal/DomainPreview.d.ts.map +0 -1
  110. package/dist/components/SettingsModal/DomainPreview.js +0 -22
  111. package/dist/components/SettingsModal/FeatureASettings.d.ts +0 -3
  112. package/dist/components/SettingsModal/FeatureASettings.d.ts.map +0 -1
  113. package/dist/components/SettingsModal/FeatureASettings.js +0 -74
  114. package/dist/components/SettingsModal/GeneralTab.d.ts +0 -10
  115. package/dist/components/SettingsModal/GeneralTab.d.ts.map +0 -1
  116. package/dist/components/SettingsModal/GeneralTab.js +0 -111
  117. package/dist/components/SettingsModal/PreviewTab.d.ts +0 -8
  118. package/dist/components/SettingsModal/PreviewTab.d.ts.map +0 -1
  119. package/dist/components/SettingsModal/PreviewTab.js +0 -14
  120. package/dist/components/SettingsModal/SettingsModal.d.ts +0 -16
  121. package/dist/components/SettingsModal/SettingsModal.d.ts.map +0 -1
  122. package/dist/components/SettingsModal/SettingsModal.js +0 -61
  123. package/dist/components/SettingsModal/SettingsNavigation.d.ts +0 -15
  124. package/dist/components/SettingsModal/SettingsNavigation.d.ts.map +0 -1
  125. package/dist/components/SettingsModal/SettingsNavigation.js +0 -21
  126. package/dist/components/SettingsModal/index.d.ts +0 -8
  127. package/dist/components/SettingsModal/index.d.ts.map +0 -1
  128. package/dist/components/SettingsModal/index.js +0 -17
  129. package/dist/components/SwitchOption.d.ts +0 -9
  130. package/dist/components/SwitchOption.d.ts.map +0 -1
  131. package/dist/components/SwitchOption.js +0 -45
  132. package/dist/components/icons/ArchiveIcon.d.ts +0 -9
  133. package/dist/components/icons/ArchiveIcon.d.ts.map +0 -1
  134. package/dist/components/icons/ArchiveIcon.js +0 -18
  135. package/dist/components/icons/AudioIcon.d.ts +0 -9
  136. package/dist/components/icons/AudioIcon.d.ts.map +0 -1
  137. package/dist/components/icons/AudioIcon.js +0 -17
  138. package/dist/components/icons/DefaultIcon.d.ts +0 -9
  139. package/dist/components/icons/DefaultIcon.d.ts.map +0 -1
  140. package/dist/components/icons/DefaultIcon.js +0 -17
  141. package/dist/components/icons/DocumentIcon.d.ts +0 -9
  142. package/dist/components/icons/DocumentIcon.d.ts.map +0 -1
  143. package/dist/components/icons/DocumentIcon.js +0 -20
  144. package/dist/components/icons/ImageIcon.d.ts +0 -9
  145. package/dist/components/icons/ImageIcon.d.ts.map +0 -1
  146. package/dist/components/icons/ImageIcon.js +0 -18
  147. package/dist/components/icons/JsonIcon.d.ts +0 -9
  148. package/dist/components/icons/JsonIcon.d.ts.map +0 -1
  149. package/dist/components/icons/JsonIcon.js +0 -19
  150. package/dist/components/icons/PdfIcon.d.ts +0 -9
  151. package/dist/components/icons/PdfIcon.d.ts.map +0 -1
  152. package/dist/components/icons/PdfIcon.js +0 -20
  153. package/dist/components/icons/VideoIcon.d.ts +0 -9
  154. package/dist/components/icons/VideoIcon.d.ts.map +0 -1
  155. package/dist/components/icons/VideoIcon.js +0 -17
  156. package/dist/components/icons/XmlIcon.d.ts +0 -9
  157. package/dist/components/icons/XmlIcon.d.ts.map +0 -1
  158. package/dist/components/icons/XmlIcon.js +0 -19
  159. package/dist/components/icons/index.d.ts +0 -10
  160. package/dist/components/icons/index.d.ts.map +0 -1
  161. package/dist/components/icons/index.js +0 -24
  162. package/dist/components/ui/button.d.ts +0 -11
  163. package/dist/components/ui/button.d.ts.map +0 -1
  164. package/dist/components/ui/button.js +0 -68
  165. package/dist/components/ui/card.d.ts +0 -9
  166. package/dist/components/ui/card.d.ts.map +0 -1
  167. package/dist/components/ui/card.js +0 -56
  168. package/dist/components/ui/dialog.d.ts +0 -16
  169. package/dist/components/ui/dialog.d.ts.map +0 -1
  170. package/dist/components/ui/dialog.js +0 -85
  171. package/dist/components/ui/dropdown-menu.d.ts +0 -26
  172. package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
  173. package/dist/components/ui/dropdown-menu.js +0 -110
  174. package/dist/components/ui/input.d.ts +0 -4
  175. package/dist/components/ui/input.d.ts.map +0 -1
  176. package/dist/components/ui/input.js +0 -41
  177. package/dist/components/ui/label.d.ts +0 -5
  178. package/dist/components/ui/label.d.ts.map +0 -1
  179. package/dist/components/ui/label.js +0 -42
  180. package/dist/components/ui/switch.d.ts +0 -5
  181. package/dist/components/ui/switch.d.ts.map +0 -1
  182. package/dist/components/ui/switch.js +0 -44
  183. package/dist/components/ui/tabs.d.ts +0 -8
  184. package/dist/components/ui/tabs.d.ts.map +0 -1
  185. package/dist/components/ui/tabs.js +0 -54
  186. package/dist/components/ui/toggle-group.d.ts +0 -8
  187. package/dist/components/ui/toggle-group.d.ts.map +0 -1
  188. package/dist/components/ui/toggle-group.js +0 -57
  189. package/dist/components/ui/toggle.d.ts +0 -10
  190. package/dist/components/ui/toggle.d.ts.map +0 -1
  191. package/dist/components/ui/toggle.js +0 -62
  192. package/dist/hooks/useCollaborativeIxoEditor.d.ts +0 -571
  193. package/dist/hooks/useCollaborativeIxoEditor.d.ts.map +0 -1
  194. package/dist/hooks/useCollaborativeIxoEditor.js +0 -127
  195. package/dist/hooks/useCreateIxoEditor.d.ts +0 -568
  196. package/dist/hooks/useCreateIxoEditor.d.ts.map +0 -1
  197. package/dist/hooks/useCreateIxoEditor.js +0 -62
  198. package/dist/hooks/useMatrixProvider.d.ts +0 -13
  199. package/dist/hooks/useMatrixProvider.d.ts.map +0 -1
  200. package/dist/hooks/useMatrixProvider.js +0 -147
  201. package/dist/index.d.ts +0 -12
  202. package/dist/index.d.ts.map +0 -1
  203. package/dist/index.js +0 -24
  204. package/dist/lib/graphql-client.d.ts +0 -27
  205. package/dist/lib/graphql-client.d.ts.map +0 -1
  206. package/dist/lib/graphql-client.js +0 -36
  207. package/dist/lib/graphql-queries.d.ts +0 -31
  208. package/dist/lib/graphql-queries.d.ts.map +0 -1
  209. package/dist/lib/graphql-queries.js +0 -40
  210. package/dist/lib/utils/getMediaTypeIcon.d.ts +0 -20
  211. package/dist/lib/utils/getMediaTypeIcon.d.ts.map +0 -1
  212. package/dist/lib/utils/getMediaTypeIcon.js +0 -96
  213. package/dist/lib/utils/index.d.ts +0 -4
  214. package/dist/lib/utils/index.d.ts.map +0 -1
  215. package/dist/lib/utils/index.js +0 -12
  216. package/dist/lib/utils.d.ts +0 -3
  217. package/dist/lib/utils.d.ts.map +0 -1
  218. package/dist/lib/utils.js +0 -8
  219. package/dist/types/Domain.d.ts +0 -18
  220. package/dist/types/Domain.d.ts.map +0 -1
  221. package/dist/types/Domain.js +0 -2
  222. package/dist/types/index.d.ts +0 -77
  223. package/dist/types/index.d.ts.map +0 -1
  224. package/dist/types/index.js +0 -2
@@ -1,85 +0,0 @@
1
- import { ListBlock } from "./list";
2
- import { OverviewBlock } from "./overview";
3
- export { ListBlock, OverviewBlock };
4
- export type { ListBlockSettings, ListBlockProps } from "./list";
5
- export type { OverviewBlockSettings, OverviewBlockProps } from "./overview";
6
- export declare const blockSpecs: {
7
- list: {
8
- config: {
9
- readonly type: "list";
10
- readonly propSchema: {
11
- readonly title: {
12
- readonly default: "";
13
- };
14
- readonly did: {
15
- readonly default: "";
16
- };
17
- readonly fragmentIdentifier: {
18
- readonly default: "";
19
- };
20
- readonly listItemType: {
21
- readonly default: "keyvalue";
22
- };
23
- readonly showLinkedResources: {
24
- readonly default: false;
25
- };
26
- readonly showAssetsInCollection: {
27
- readonly default: false;
28
- };
29
- };
30
- readonly content: "none";
31
- };
32
- implementation: import("@blocknote/core").TiptapBlockImplementation<{
33
- readonly type: "list";
34
- readonly propSchema: {
35
- readonly title: {
36
- readonly default: "";
37
- };
38
- readonly did: {
39
- readonly default: "";
40
- };
41
- readonly fragmentIdentifier: {
42
- readonly default: "";
43
- };
44
- readonly listItemType: {
45
- readonly default: "keyvalue";
46
- };
47
- readonly showLinkedResources: {
48
- readonly default: false;
49
- };
50
- readonly showAssetsInCollection: {
51
- readonly default: false;
52
- };
53
- };
54
- readonly content: "none";
55
- }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
56
- };
57
- overview: {
58
- config: {
59
- type: "overview";
60
- propSchema: {
61
- did: {
62
- default: string;
63
- };
64
- };
65
- content: "inline";
66
- };
67
- implementation: import("@blocknote/core").TiptapBlockImplementation<{
68
- type: "overview";
69
- propSchema: {
70
- did: {
71
- default: string;
72
- };
73
- };
74
- content: "inline";
75
- }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
76
- };
77
- };
78
- export declare const getExtraSlashMenuItems: (editor: any) => {
79
- title: string;
80
- onItemClick: () => void;
81
- aliases: string[];
82
- group: string;
83
- subtext: string;
84
- }[];
85
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AACpC,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAG5E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAGF,eAAO,MAAM,sBAAsB,GAAI,QAAQ,GAAG;;;;;;GA2CjD,CAAC"}
@@ -1,50 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getExtraSlashMenuItems = exports.blockSpecs = exports.OverviewBlock = exports.ListBlock = void 0;
4
- const list_1 = require("./list");
5
- Object.defineProperty(exports, "ListBlock", { enumerable: true, get: function () { return list_1.ListBlock; } });
6
- const overview_1 = require("./overview");
7
- Object.defineProperty(exports, "OverviewBlock", { enumerable: true, get: function () { return overview_1.OverviewBlock; } });
8
- // Block configuration for easy import
9
- exports.blockSpecs = {
10
- list: list_1.ListBlock,
11
- overview: overview_1.OverviewBlock,
12
- };
13
- // Slash menu items configuration
14
- const getExtraSlashMenuItems = (editor) => [
15
- {
16
- title: "List",
17
- onItemClick: () => {
18
- editor.insertBlocks([
19
- {
20
- type: "list",
21
- props: {
22
- title: "",
23
- did: "",
24
- fragmentIdentifier: "",
25
- },
26
- },
27
- ], editor.getTextCursorPosition().block, "after");
28
- },
29
- aliases: ["list", "data", "dynamic"],
30
- group: "Domains",
31
- subtext: "Create a dynamic list from DID data",
32
- },
33
- {
34
- title: "Overview",
35
- onItemClick: () => {
36
- editor.insertBlocks([
37
- {
38
- type: "overview",
39
- props: {
40
- did: "",
41
- },
42
- },
43
- ], editor.getTextCursorPosition().block, "after");
44
- },
45
- aliases: ["overview", "overview-block", "data-overview"],
46
- group: "Domains",
47
- subtext: "Create an overview from DID data",
48
- },
49
- ];
50
- exports.getExtraSlashMenuItems = getExtraSlashMenuItems;
@@ -1,59 +0,0 @@
1
- export interface ListBlockSettings {
2
- did: string;
3
- fragmentIdentifier: string;
4
- }
5
- export interface ListBlockProps {
6
- block: any;
7
- editor: any;
8
- }
9
- export declare const ListBlock: {
10
- config: {
11
- readonly type: "list";
12
- readonly propSchema: {
13
- readonly title: {
14
- readonly default: "";
15
- };
16
- readonly did: {
17
- readonly default: "";
18
- };
19
- readonly fragmentIdentifier: {
20
- readonly default: "";
21
- };
22
- readonly listItemType: {
23
- readonly default: "keyvalue";
24
- };
25
- readonly showLinkedResources: {
26
- readonly default: false;
27
- };
28
- readonly showAssetsInCollection: {
29
- readonly default: false;
30
- };
31
- };
32
- readonly content: "none";
33
- };
34
- implementation: import("@blocknote/core").TiptapBlockImplementation<{
35
- readonly type: "list";
36
- readonly propSchema: {
37
- readonly title: {
38
- readonly default: "";
39
- };
40
- readonly did: {
41
- readonly default: "";
42
- };
43
- readonly fragmentIdentifier: {
44
- readonly default: "";
45
- };
46
- readonly listItemType: {
47
- readonly default: "keyvalue";
48
- };
49
- readonly showLinkedResources: {
50
- readonly default: false;
51
- };
52
- readonly showAssetsInCollection: {
53
- readonly default: false;
54
- };
55
- };
56
- readonly content: "none";
57
- }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
58
- };
59
- //# sourceMappingURL=ListBlock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListBlock.d.ts","sourceRoot":"","sources":["../../../src/blocks/list/ListBlock.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,CAAC;CACb;AA4BD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BrB,CAAC"}
@@ -1,51 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ListBlock = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const react_2 = require("@blocknote/react");
9
- const ListBlockToolbar_1 = __importDefault(require("./ListBlockToolbar"));
10
- const ListItem_1 = __importDefault(require("./ListItem"));
11
- const useList_1 = __importDefault(require("./useList"));
12
- const ListContainer_1 = __importDefault(require("./ListContainer"));
13
- const ListBlockContent = ({ block, editor }) => {
14
- const { list, setList } = (0, useList_1.default)();
15
- return (react_1.default.createElement("div", { style: {
16
- width: "100%",
17
- borderRadius: "6px",
18
- padding: "16px",
19
- backgroundColor: "#FFFFFF",
20
- fontFamily: "Inter, Helvetica, Arial, sans-serif",
21
- } },
22
- react_1.default.createElement(ListBlockToolbar_1.default, { block: block, editor: editor, setList: setList }),
23
- react_1.default.createElement("div", { style: { minHeight: "40px" } },
24
- react_1.default.createElement(ListContainer_1.default, null, list?.map((item, index) => (react_1.default.createElement(ListItem_1.default, { key: index, item: item, index: index })))))));
25
- };
26
- exports.ListBlock = (0, react_2.createReactBlockSpec)({
27
- type: "list",
28
- propSchema: {
29
- title: {
30
- default: "",
31
- },
32
- did: {
33
- default: "",
34
- },
35
- fragmentIdentifier: {
36
- default: "",
37
- },
38
- listItemType: {
39
- default: "keyvalue",
40
- },
41
- showLinkedResources: {
42
- default: false,
43
- },
44
- showAssetsInCollection: {
45
- default: false,
46
- },
47
- },
48
- content: "none",
49
- }, {
50
- render: ListBlockContent,
51
- });
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- interface ListBlockToolbarProps {
3
- block: any;
4
- editor: any;
5
- setList: (list: any[]) => void;
6
- }
7
- export default function ListBlockToolbar({ block, editor, setList, }: ListBlockToolbarProps): React.JSX.Element;
8
- export {};
9
- //# sourceMappingURL=ListBlockToolbar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListBlockToolbar.d.ts","sourceRoot":"","sources":["../../../src/blocks/list/ListBlockToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,qBAyBvB"}
@@ -1,26 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = ListBlockToolbar;
7
- const react_1 = __importDefault(require("react"));
8
- const ListSettings_1 = require("./ListSettings");
9
- const input_1 = require("../../components/ui/input");
10
- function ListBlockToolbar({ block, editor, setList, }) {
11
- return (react_1.default.createElement("div", { className: "flex justify-between items-center mb-3 pb-2 border-b border-gray-100 dark:border-gray-700" },
12
- react_1.default.createElement(input_1.Input, { value: block.props.title, placeholder: "New list", className: "font-semibold flex-1 border-0 bg-transparent px-2 py-1 focus-visible:ring-0 focus-visible:ring-offset-0 hover:bg-gray-50 dark:hover:bg-gray-700 focus:bg-gray-50 dark:focus:bg-gray-700 notion-list-title-input", style: {
13
- color: "#2F2F2F",
14
- fontFamily: "Inter, Helvetica, Arial, sans-serif",
15
- fontSize: "14px",
16
- fontWeight: 600,
17
- }, onChange: (e) => {
18
- editor.updateBlock(block, {
19
- props: {
20
- ...block.props,
21
- title: e.target.value,
22
- },
23
- });
24
- } }),
25
- react_1.default.createElement(ListSettings_1.ListSettings, { block: block, editor: editor, setList: setList })));
26
- }
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export default function ListContainer({ children, }: {
3
- children: React.ReactNode;
4
- }): React.JSX.Element;
5
- //# sourceMappingURL=ListContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListContainer.d.ts","sourceRoot":"","sources":["../../../src/blocks/list/ListContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAEA"}
@@ -1,10 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = ListContainer;
7
- const react_1 = __importDefault(require("react"));
8
- function ListContainer({ children, }) {
9
- return react_1.default.createElement("div", { className: "flex flex-col gap-2" }, children);
10
- }
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- interface GeneralTabProps {
3
- block: any;
4
- editor: any;
5
- domainValue: string;
6
- onDomainChange: (did: string) => void;
7
- domainProfile: any;
8
- }
9
- export declare function ListGeneralTab({ block: _block, editor: _editor, domainValue, onDomainChange, domainProfile, }: GeneralTabProps): React.JSX.Element;
10
- export {};
11
- //# sourceMappingURL=ListGeneralTab.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListGeneralTab.d.ts","sourceRoot":"","sources":["../../../src/blocks/list/ListGeneralTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,eAAe;IACvB,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,GAAG,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,WAAW,EACX,cAAc,EACd,aAAa,GACd,EAAE,eAAe,qBAsJjB"}
@@ -1,134 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.ListGeneralTab = ListGeneralTab;
37
- const react_1 = __importStar(require("react"));
38
- const input_1 = require("../../components/ui/input");
39
- const label_1 = require("../../components/ui/label");
40
- const tabs_1 = require("../../components/ui/tabs");
41
- const lucide_react_1 = require("lucide-react");
42
- const DomainPreview_1 = require("../../components/SettingsModal/DomainPreview");
43
- function ListGeneralTab({ block: _block, editor: _editor, domainValue, onDomainChange, domainProfile, }) {
44
- const [domainType, setDomainType] = (0, react_1.useState)("this-domain");
45
- const [isValidDomain, setIsValidDomain] = (0, react_1.useState)(true);
46
- const [isLoading, setIsLoading] = (0, react_1.useState)(false);
47
- const [customDomainValue, setCustomDomainValue] = (0, react_1.useState)("");
48
- // Known domain value for "this-domain" tab
49
- const thisDomainValue = "did:ixo:entity:example123";
50
- // Synchronize local state with parent domainValue when component mounts or domainValue changes
51
- (0, react_1.useEffect)(() => {
52
- if (domainValue) {
53
- if (domainValue === thisDomainValue) {
54
- setDomainType("this-domain");
55
- setIsValidDomain(true);
56
- }
57
- else {
58
- setDomainType("custom-domain");
59
- setCustomDomainValue(domainValue);
60
- setIsValidDomain(true);
61
- }
62
- }
63
- else {
64
- // Reset to default if no domain value
65
- setDomainType("this-domain");
66
- setCustomDomainValue("");
67
- setIsValidDomain(true);
68
- }
69
- }, [domainValue, thisDomainValue]);
70
- const handleCustomDomainChange = async (did) => {
71
- setCustomDomainValue(did);
72
- if (!did) {
73
- setIsValidDomain(false);
74
- return;
75
- }
76
- // Basic validation for DID format
77
- const isValid = did.startsWith("did:") && did.length > 10;
78
- if (isValid) {
79
- setIsLoading(true);
80
- try {
81
- // Simulate async fetch request
82
- await new Promise((resolve) => setTimeout(resolve, 1000));
83
- setIsValidDomain(true);
84
- onDomainChange(did);
85
- }
86
- catch (error) {
87
- setIsValidDomain(false);
88
- }
89
- finally {
90
- setIsLoading(false);
91
- }
92
- }
93
- else {
94
- setIsValidDomain(false);
95
- }
96
- };
97
- const handleTabChange = (value) => {
98
- setDomainType(value);
99
- if (value === "this-domain") {
100
- // Use known domain value
101
- setIsValidDomain(true);
102
- onDomainChange(thisDomainValue);
103
- }
104
- else {
105
- // Reset for custom domain
106
- setIsValidDomain(false);
107
- onDomainChange("");
108
- }
109
- };
110
- return (react_1.default.createElement("div", { className: "space-y-6" },
111
- react_1.default.createElement("div", null,
112
- react_1.default.createElement("h2", { className: "text-2xl font-semibold" }, "List"),
113
- react_1.default.createElement("p", { className: "text-muted-foreground mt-1" }, "Add a domain list to your page")),
114
- react_1.default.createElement(tabs_1.Tabs, { defaultValue: "this-domain", value: domainType, onValueChange: handleTabChange },
115
- react_1.default.createElement(tabs_1.TabsList, { className: "px-1" },
116
- react_1.default.createElement(tabs_1.TabsTrigger, { value: "this-domain" }, "This domain"),
117
- react_1.default.createElement(tabs_1.TabsTrigger, { value: "custom-domain" }, "Custom domain")),
118
- react_1.default.createElement(tabs_1.TabsContent, { value: "this-domain", className: "space-y-4" },
119
- react_1.default.createElement("div", { className: "space-y-2" },
120
- react_1.default.createElement(label_1.Label, { htmlFor: "this-domain-input" }, "Domain"),
121
- react_1.default.createElement("div", { className: "relative" },
122
- react_1.default.createElement(input_1.Input, { id: "this-domain-input", value: thisDomainValue, disabled: true, className: "pr-10", placeholder: "Enter domain DID" }),
123
- isValidDomain && (react_1.default.createElement(lucide_react_1.CheckIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" })))),
124
- react_1.default.createElement(DomainPreview_1.DomainPreview, { key: thisDomainValue, domainProfile: domainProfile })),
125
- react_1.default.createElement(tabs_1.TabsContent, { value: "custom-domain", className: "space-y-4" },
126
- react_1.default.createElement("div", { className: "space-y-2" },
127
- react_1.default.createElement(label_1.Label, { htmlFor: "custom-domain-input" }, "Domain"),
128
- react_1.default.createElement("div", { className: "relative" },
129
- react_1.default.createElement(input_1.Input, { id: "custom-domain-input", value: customDomainValue, onChange: (e) => handleCustomDomainChange(e.target.value), className: "pr-10", placeholder: "Enter domain DID", disabled: isLoading }),
130
- isLoading ? (react_1.default.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2" },
131
- react_1.default.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-gray-900" }))) : (isValidDomain &&
132
- customDomainValue && (react_1.default.createElement(lucide_react_1.CheckIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" }))))),
133
- isValidDomain && customDomainValue && !isLoading && (react_1.default.createElement(DomainPreview_1.DomainPreview, { key: customDomainValue, domainProfile: domainProfile }))))));
134
- }
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- interface ListItemProps {
3
- item: any;
4
- index?: number;
5
- }
6
- export default function ListItem({ item, index }: ListItemProps): React.JSX.Element;
7
- export {};
8
- //# sourceMappingURL=ListItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/blocks/list/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAS,EAAE,EAAE,aAAa,qBA+BlE"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = ListItem;
7
- const react_1 = __importDefault(require("react"));
8
- const getMediaTypeIcon_1 = require("../../lib/utils/getMediaTypeIcon");
9
- function ListItem({ item, index = 0 }) {
10
- const title = typeof item === "string"
11
- ? item
12
- : item.description || item.title || item.name || `Item ${index + 1}`;
13
- // Get media type from item (fallback to empty string if not available)
14
- const mediaType = typeof item === "object" ? item.mediaType || "" : "";
15
- return (react_1.default.createElement("div", { className: "group w-full bg-white rounded-lg p-4 border border-gray-100 hover:bg-gray-50 transition-colors duration-150 ease-in-out cursor-pointer" },
16
- react_1.default.createElement("div", { className: "flex items-center justify-between space-x-4" },
17
- react_1.default.createElement("div", { className: "flex items-center space-x-3 flex-1 min-w-0" },
18
- react_1.default.createElement("div", { className: "flex-shrink-0 w-8 h-8 bg-gray-100 rounded-md flex items-center justify-center" }, (0, getMediaTypeIcon_1.getMediaTypeIcon)(mediaType, {
19
- size: 16,
20
- className: "text-gray-500",
21
- color: "secondary",
22
- })),
23
- react_1.default.createElement("span", { className: "font-semibold text-gray-800 truncate flex-1" }, title)))));
24
- }
@@ -1,9 +0,0 @@
1
- import { Domain } from "../../types/Domain";
2
- import React from "react";
3
- interface ListPreviewTabProps {
4
- block: any;
5
- domain: Domain;
6
- }
7
- export default function ListPreviewTab({ block, domain }: ListPreviewTabProps): React.JSX.Element;
8
- export {};
9
- //# sourceMappingURL=ListPreviewTab.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListPreviewTab.d.ts","sourceRoot":"","sources":["../../../src/blocks/list/ListPreviewTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,mBAAmB,qBAiB5E"}
@@ -1,51 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __importDefault = (this && this.__importDefault) || function (mod) {
36
- return (mod && mod.__esModule) ? mod : { "default": mod };
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- exports.default = ListPreviewTab;
40
- const react_1 = __importStar(require("react"));
41
- const ListItem_1 = __importDefault(require("./ListItem"));
42
- function ListPreviewTab({ block, domain }) {
43
- const [items, setItems] = (0, react_1.useState)([]);
44
- const showResources = block.props.showLinkedResources;
45
- (0, react_1.useEffect)(() => {
46
- if (showResources) {
47
- setItems(domain.linkedResource);
48
- }
49
- }, []);
50
- return (react_1.default.createElement("div", { className: "flex flex-col gap-4 mt-[30px]" }, items.map((item) => (react_1.default.createElement(ListItem_1.default, { item: item })))));
51
- }
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- export declare function ListSettings({ block, editor, setList }: any): React.JSX.Element;
3
- //# sourceMappingURL=ListSettings.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListSettings.d.ts","sourceRoot":"","sources":["../../../src/blocks/list/ListSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,qBAmG3D"}