@rulab/adminjs-components 0.0.7 → 0.0.8

package/dist/index.cjs

@@ -32,6 +32,7 @@ var src_exports = {};
 __export(src_exports, {
   CustomSlug: () => CustomSlug_default,
   Editor: () => Editor_default,
+  EditorList: () => EditorList_default,
   EditorShow: () => EditorShow_default,
   StringList: () => StringList_default,
   StringListShow: () => StringListShow_default
@@ -398,9 +399,7 @@ var StyledEditorWrapper = (0, import_styled_components8.styled)(import_design_sy
   margin-bottom: 24px;
   border: 1px solid rgb(187, 195, 203);
 `;
-var StyledEditorShowWrapper = (0, import_styled_components8.styled)(import_design_system7.Box)`
-  margin-bottom: 24px;
-
+var StyledEditorViewWrapper = (0, import_styled_components8.styled)(import_design_system7.Box)`
   h1,
   h2,
   h3 {
@@ -438,6 +437,9 @@ var StyledEditorShowWrapper = (0, import_styled_components8.styled)(import_desig
     list-style: inherit;
   }
 `;
+var StyledEditorShowWrapper = (0, import_styled_components8.styled)(StyledEditorViewWrapper)`
+  margin-bottom: 24px;
+`;
 var StyledEditor = import_styled_components8.styled.div`
   .cdx-block,
   .ce-header {
@@ -558,10 +560,21 @@ var EditorShow = ({ property, record }) => {
   return /* @__PURE__ */ import_react8.default.createElement(import_styled_components10.ThemeProvider, { theme: import_design_system9.theme }, /* @__PURE__ */ import_react8.default.createElement(StyledEditorShowWrapper, null, /* @__PURE__ */ import_react8.default.createElement(StyledShowLabel2, null, property.path), htmlContent && /* @__PURE__ */ import_react8.default.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
 };
 var EditorShow_default = EditorShow;
+
+// src/components/Editor/EditorList.jsx
+var import_react9 = __toESM(require("react"), 1);
+var import_styled_components11 = require("styled-components");
+var import_design_system10 = require("@adminjs/design-system");
+var EditorList = ({ property, record }) => {
+  const htmlContent = parseHtml(record.params[property.path]);
+  return /* @__PURE__ */ import_react9.default.createElement(import_styled_components11.ThemeProvider, { theme: import_design_system10.theme }, /* @__PURE__ */ import_react9.default.createElement(StyledEditorViewWrapper, null, htmlContent && /* @__PURE__ */ import_react9.default.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
+};
+var EditorList_default = EditorList;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CustomSlug,
   Editor,
+  EditorList,
   EditorShow,
   StringList,
   StringListShow

package/dist/index.d.cts

@@ -27,4 +27,9 @@ declare function EditorShow({ property, record }: {
     record: any;
 }): React.JSX.Element;
 
-export { CustomSlug, Editor, EditorShow, StringList, StringListShow };
+declare function EditorList({ property, record }: {
+    property: any;
+    record: any;
+}): React.JSX.Element;
+
+export { CustomSlug, Editor, EditorList, EditorShow, StringList, StringListShow };

package/dist/index.d.ts

@@ -27,4 +27,9 @@ declare function EditorShow({ property, record }: {
     record: any;
 }): React.JSX.Element;
 
-export { CustomSlug, Editor, EditorShow, StringList, StringListShow };
+declare function EditorList({ property, record }: {
+    property: any;
+    record: any;
+}): React.JSX.Element;
+
+export { CustomSlug, Editor, EditorList, EditorShow, StringList, StringListShow };

package/dist/index.js

@@ -377,9 +377,7 @@ var StyledEditorWrapper = styled5(Box3)`
   margin-bottom: 24px;
   border: 1px solid rgb(187, 195, 203);
 `;
-var StyledEditorShowWrapper = styled5(Box3)`
-  margin-bottom: 24px;
-
+var StyledEditorViewWrapper = styled5(Box3)`
   h1,
   h2,
   h3 {
@@ -417,6 +415,9 @@ var StyledEditorShowWrapper = styled5(Box3)`
     list-style: inherit;
   }
 `;
+var StyledEditorShowWrapper = styled5(StyledEditorViewWrapper)`
+  margin-bottom: 24px;
+`;
 var StyledEditor = styled5.div`
   .cdx-block,
   .ce-header {
@@ -515,7 +516,7 @@ var Editor = ({ property, record, onChangeAdmin, editorId }) => {
 var Editor_default = Editor;
 
 // src/components/Editor/EditorShow.jsx
-import React8, { memo as memo3, useState as useState6, useEffect as useEffect5, useRef as useRef3 } from "react";
+import React8 from "react";
 import { ThemeProvider as ThemeProvider5 } from "styled-components";
 import { theme as theme5 } from "@adminjs/design-system";
 
@@ -537,9 +538,20 @@ var EditorShow = ({ property, record }) => {
   return /* @__PURE__ */ React8.createElement(ThemeProvider5, { theme: theme5 }, /* @__PURE__ */ React8.createElement(StyledEditorShowWrapper, null, /* @__PURE__ */ React8.createElement(StyledShowLabel2, null, property.path), htmlContent && /* @__PURE__ */ React8.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
 };
 var EditorShow_default = EditorShow;
+
+// src/components/Editor/EditorList.jsx
+import React9 from "react";
+import { ThemeProvider as ThemeProvider6 } from "styled-components";
+import { theme as theme6 } from "@adminjs/design-system";
+var EditorList = ({ property, record }) => {
+  const htmlContent = parseHtml(record.params[property.path]);
+  return /* @__PURE__ */ React9.createElement(ThemeProvider6, { theme: theme6 }, /* @__PURE__ */ React9.createElement(StyledEditorViewWrapper, null, htmlContent && /* @__PURE__ */ React9.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
+};
+var EditorList_default = EditorList;
 export {
   CustomSlug_default as CustomSlug,
   Editor_default as Editor,
+  EditorList_default as EditorList,
   EditorShow_default as EditorShow,
   StringList_default as StringList,
   StringListShow_default as StringListShow

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rulab/adminjs-components",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/components/Editor/EditorList.jsx

@@ -0,0 +1,23 @@
+import React from "react";
+import { ThemeProvider } from "styled-components";
+import { theme } from "@adminjs/design-system";
+
+import { parseHtml } from "../../utils/parseHtml";
+
+import { StyledEditorViewWrapper } from "./styles";
+
+const EditorList = ({ property, record }) => {
+  const htmlContent = parseHtml(record.params[property.path]);
+
+  return (
+    <ThemeProvider theme={theme}>
+      <StyledEditorViewWrapper>
+        {htmlContent && (
+          <div dangerouslySetInnerHTML={{ __html: htmlContent }} />
+        )}
+      </StyledEditorViewWrapper>
+    </ThemeProvider>
+  );
+};
+
+export default EditorList;

package/src/components/Editor/EditorShow.jsx

@@ -1,4 +1,4 @@
-import React, { memo, useState, useEffect, useRef } from "react";
+import React from "react";
 import { ThemeProvider } from "styled-components";
 import { theme } from "@adminjs/design-system";
 

package/src/components/Editor/index.ts

@@ -1,2 +1,3 @@
 export * from "./Editor.jsx";
 export * from "./EditorShow.jsx";
+export * from "./EditorList.jsx";

package/src/components/Editor/styles.ts

@@ -18,9 +18,7 @@ export const StyledEditorWrapper = styled(Box)`
   border: 1px solid rgb(187, 195, 203);
 `;
 
-export const StyledEditorShowWrapper = styled(Box)`
-  margin-bottom: 24px;
-
+export const StyledEditorViewWrapper = styled(Box)`
   h1,
   h2,
   h3 {
@@ -59,6 +57,10 @@ export const StyledEditorShowWrapper = styled(Box)`
   }
 `;
 
+export const StyledEditorShowWrapper = styled(StyledEditorViewWrapper)`
+  margin-bottom: 24px;
+`;
+
 export const StyledEditor = styled.div`
   .cdx-block,
   .ce-header {

package/src/components/index.ts

@@ -3,3 +3,4 @@ export { default as StringList } from "./StringList/StringList.js";
 export { default as StringListShow } from "./StringList/StringListShow.js";
 export { default as Editor } from "./Editor/Editor.jsx";
 export { default as EditorShow } from "./Editor/EditorShow.jsx";
+export { default as EditorList } from "./Editor/EditorList.jsx";