@rulab/adminjs-components 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/components/ColorStatus/ColorStatusEdit.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import Select from "react-select";
 import chroma from "chroma-js";
-import { ColorStatusWrapper, Label } from "./styles";
+import { ColorStatusWrapper, Label } from "./styles.js";
 const dot = (color = "transparent") => ({
     alignItems: "center",
     display: "flex",

package/dist/components/ColorStatus/ColorStatusList.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ColorStatusBadge } from "./styles";
+import { ColorStatusBadge } from "./styles.js";
 const ColorStatusList = ({ property, record }) => {
     const currentOption = property.availableValues?.find((item) => item.value === record.params[property.path]);
     return (React.createElement(ColorStatusBadge, { color: currentOption.color }, record.params[property.path]));

package/dist/components/ColorStatus/ColorStatusShow.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ColorStatusBadgeWrapper, ColorStatusBadge, ShowLabel } from "./styles";
+import { ColorStatusBadgeWrapper, ColorStatusBadge, ShowLabel } from "./styles.js";
 const ColorStatusShow = ({ property, record }) => {
     const currentOption = property.availableValues?.find((item) => item.value === record.params[property.path]);
     return (React.createElement(ColorStatusBadgeWrapper, null,

package/dist/components/Editor/Editor.js

@@ -2,8 +2,8 @@ import React, { memo, useState, useEffect, useRef } from "react";
 import { ThemeProvider } from "styled-components";
 import EditorJS from "@editorjs/editorjs";
 import { theme } from "@adminjs/design-system";
-import { StyledLabel, StyledEditor, StyledEditorWrapper } from "./styles";
-import { EDITOR_TOOLS } from "./config";
+import { StyledLabel, StyledEditor, StyledEditorWrapper } from "./styles.js";
+import { EDITOR_TOOLS } from "./config.js";
 const Editor = ({ property, record, onChangeAdmin, editorId }) => {
     const [jsonData, setJsonData] = useState();
     const isSavedData = Boolean(record.params[property.path]);

package/dist/components/Editor/EditorList.js

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

package/dist/components/Editor/EditorShow.js

@@ -1,8 +1,8 @@
 import React from "react";
 import { ThemeProvider } from "styled-components";
 import { theme } from "@adminjs/design-system";
-import { parseHtml } from "../../utils/parseHtml";
-import { StyledEditorShowWrapper, StyledShowLabel } from "./styles";
+import { parseHtml } from "../../utils/parseHtml.js";
+import { StyledEditorShowWrapper, StyledShowLabel } from "./styles.js";
 const EditorShow = ({ property, record }) => {
     const htmlContent = parseHtml(record.params[property.path]);
     return (React.createElement(ThemeProvider, { theme: theme }, React.createElement(StyledEditorShowWrapper, null, React.createElement(StyledShowLabel, null, property.path), htmlContent && (React.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })))));

package/dist/components/Slug/SlugEdit.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, } from "react";
 import { ThemeProvider } from "styled-components";
 import { theme } from "@adminjs/design-system";
-import { slugifyTitle } from "../../utils";
+import { slugifyTitle } from "../../utils/index.js";
 import { StyledCustomInput, StyledGenerateButton, StyledInputWrapper, StyledLabel, } from "./styles.js";
 const SlugEdit = ({ property, record, resource, onChange, }) => {
     const [inputValue, setInputValue] = useState(record.params.slug);

package/dist/components/Slug/SlugFeature.js

@@ -1,5 +1,5 @@
 import { buildFeature } from "adminjs";
-import { bundleComponent } from "../../utils/bundle-component";
+import { bundleComponent } from "../../utils/bundle-component.js";
 const COMPONENT_NAME = 'Slug';
 const SlugFeature = (config) => {
     const { componentLoader, key } = config;

package/dist/components/StringList/StringListShow.js

@@ -1,8 +1,8 @@
 import React from "react";
 import { ThemeProvider } from "styled-components";
 import { theme } from "@adminjs/design-system";
-import { StyledShowLabel, StyledShowWrapper, StyledListItem } from "./styles";
-import { separator } from "./constants";
+import { StyledShowLabel, StyledShowWrapper, StyledListItem } from "./styles.js";
+import { separator } from "./constants.js";
 const StringListShow = ({ property, record, stringListSeparator = separator, }) => {
     return (React.createElement(ThemeProvider, { theme: theme },
         React.createElement(StyledShowWrapper, null,

package/package.json

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