@rulab/adminjs-components 0.0.12 → 0.1.0-alpha.1

package/dist/index.js

@@ -110,7 +110,7 @@ var ColorStatusList = ({ property, record }) => {
 };
 var ColorStatusList_default = ColorStatusList;
 
-// src/components/CustomSlug/CustomSlug.tsx
+// src/components/Slug/SlugEdit.tsx
 import React4, {
   useEffect as useEffect2,
   useState as useState2
@@ -118,45 +118,30 @@ import React4, {
 import { ThemeProvider } from "styled-components";
 import { theme } from "@adminjs/design-system";
 
-// src/utils/slugifyImport.ts
-import slugify from "slugify";
-var slugifyImport_default = slugify;
-
-// src/utils/slugifyTitle.ts
-var slugifyTitle = (title) => {
-  return slugifyImport_default(title, {
-    replacement: "-",
-    remove: /[*+~.()'"!:@]/g,
-    lower: true,
-    locale: "vi",
-    trim: true
-  });
-};
-
 // src/utils/parseHtml.ts
 import edjsHTML from "editorjs-html";
-var parseHtml = (jsonData) => {
-  function tableParser(block) {
-    const rows = block.data.content.map((row, index) => {
-      const tableHtml = [];
-      if (block.data.withHeadings && index === 0) {
-        tableHtml.push(`<tr>${row.map((cell) => `<th>${cell}</th>`)}</tr>`);
-      } else {
-        tableHtml.push(`<tr>${row.map((cell) => `<td>${cell}</td>`)}</tr>`);
-      }
-      return tableHtml;
-    });
-    if (block.data.withHeadings) {
-      const heading = rows[0];
-      const [, ...content] = rows;
-      return `<table><thead>${heading.join("")}</thead><tbody>${content.join("")}</tbody></table>`;
+var tableParser = (block) => {
+  const rows = block.data.content.map((row, index) => {
+    const tableHtml = [];
+    if (block.data.withHeadings && index === 0) {
+      tableHtml.push(`<tr>${row.map((cell) => `<th>${cell}</th>`)}</tr>`);
     } else {
-      return `<table><tbody>${rows.join("")}</tbody></table>`;
+      tableHtml.push(`<tr>${row.map((cell) => `<td>${cell}</td>`)}</tr>`);
     }
+    return tableHtml;
+  });
+  if (block.data.withHeadings) {
+    const heading = rows[0];
+    const [, ...content] = rows;
+    return `<table><thead>${heading.join("")}</thead><tbody>${content.join("")}</tbody></table>`;
+  } else {
+    return `<table><tbody>${rows.join("")}</tbody></table>`;
   }
-  const audioPlayerParser = (block) => {
-    return `<audio controls src={${block.data.src}} />`;
-  };
+};
+var audioPlayerParser = (block) => {
+  return `<audio controls src={${block.data.src}} />`;
+};
+var parseHtml = (jsonData) => {
   const edjsParser = edjsHTML({
     table: tableParser,
     audioPlayer: audioPlayerParser
@@ -169,7 +154,22 @@ var parseHtml = (jsonData) => {
   }
 };
 
-// src/components/CustomSlug/styles.ts
+// src/utils/slugifyImport.ts
+import slugify from "slugify";
+var slugifyImport_default = slugify;
+
+// src/utils/slugifyTitle.ts
+var slugifyTitle = (title) => {
+  return slugifyImport_default(title, {
+    replacement: "-",
+    remove: /[*+~.()'"!:@]/g,
+    lower: true,
+    locale: "vi",
+    trim: true
+  });
+};
+
+// src/components/Slug/styles.ts
 import { styled as styled2 } from "@adminjs/design-system/styled-components";
 import { Box, Button, Input } from "@adminjs/design-system";
 var StyledInputWrapper = styled2(Box)`
@@ -189,8 +189,13 @@ var StyledLabel = styled2.div`
   text-transform: capitalize;
 `;
 
-// src/components/CustomSlug/CustomSlug.tsx
-var CustomSlug = ({ property, record, onChange }) => {
+// src/components/Slug/SlugEdit.tsx
+var SlugEdit = ({
+  property,
+  record,
+  resource,
+  onChange
+}) => {
   const [inputValue, setInputValue] = useState2(record.params.slug);
   useEffect2(() => {
     onChange(property.path, inputValue);
@@ -209,287 +214,59 @@ var CustomSlug = ({ property, record, onChange }) => {
   }
   function generateSlug(e) {
     e.preventDefault();
-    const title = record.params.title;
-    if (title) {
-      setInputValue(slugifyTitle(title));
+    const slugSource = record.params[property.props.sourceField ?? resource.titleProperty.name];
+    if (slugSource) {
+      setInputValue(slugifyTitle(slugSource));
     }
   }
 };
-var CustomSlug_default = CustomSlug;
-
-// src/components/Editor/Editor.jsx
-import React5, { memo, useState as useState3, useEffect as useEffect3, useRef } from "react";
-import { ThemeProvider as ThemeProvider2 } from "styled-components";
-import EditorJS from "@editorjs/editorjs";
-import { theme as theme2 } from "@adminjs/design-system";
-
-// src/components/Editor/styles.ts
-import { Box as Box2 } from "@adminjs/design-system";
-import { styled as styled3 } from "@adminjs/design-system/styled-components";
-var StyledLabel2 = styled3.div`
-  font-size: 12px;
-  margin-bottom: 8px;
-  text-transform: capitalize;
-`;
-var StyledShowLabel = styled3(StyledLabel2)`
-  color: rgb(137, 138, 154);
-  font-weight: 300;
-`;
-var StyledEditorWrapper = styled3(Box2)`
-  padding: 12px;
-  margin-bottom: 24px;
-  border: 1px solid rgb(187, 195, 203);
-`;
-var StyledEditorViewWrapper = styled3(Box2)`
-  h1,
-  h2,
-  h3 {
-    margin-bottom: 5px;
-    font-weight: bold;
-  }
-
-  h1 {
-    font-size: 18px;
-  }
-
-  h2 {
-    font-size: 16px;
-  }
-
-  h3 {
-    font-size: 14px;
-  }
-
-  p {
-    margin-bottom: 8px;
-  }
-
-  ol,
-  ul {
-    margin-left: 20px;
-    margin-bottom: 8px;
-  }
-
-  ol {
-    list-style: auto;
-  }
-
-  ul {
-    list-style: inherit;
-  }
-
-  table,
-  audio {
-    margin: 16px 0;
-  }
-
-  table,
-  th,
-  td {
-    border: 1px solid;
-  }
-
-  th {
-    font-weight: bold;
-  }
-
-  th,
-  td {
-    padding: 4px;
-  }
-
-  blockquote {
-    display: block;
-    padding: 5px 8px;
-    width: fit-content;
-    border-radius: 10px;
-    background-color: #e6e6e6;
-  }
-`;
-var StyledEditorShowWrapper = styled3(StyledEditorViewWrapper)`
-  margin-bottom: 24px;
-`;
-var StyledEditor = styled3.div`
-  audio,
-  .cdx-block,
-  .ce-header {
-    padding-left: 58px;
-  }
-
-  input {
-    margin-left: 58px;
-    width: auto;
-  }
-
-  .cdx-list {
-    padding-left: 85px;
-  }
-
-  .ce-block__content {
-    width: 100%;
-    max-width: none;
-  }
-
-  .ce-toolbar__content {
-    max-width: none;
-    left: 0;
-  }
-
-  .ce-toolbar__actions {
-    left: 0;
-  }
-
-  h1.ce-header {
-    font-size: 22px;
-    font-weight: bold;
-  }
-
-  h2.ce-header {
-    font-size: 20px;
-    font-weight: bold;
-  }
-
-  h3.ce-header {
-    font-size: 18px;
-    font-weight: bold;
-  }
-
-  h4.ce-header {
-    font-size: 16px;
-    font-weight: bold;
-  }
-
-  h5.ce-header {
-    font-size: 15px;
-    font-weight: bold;
-  }
-
-  h6.ce-header {
-    font-size: 14px;
-    font-weight: bold;
-  }
-`;
-
-// src/components/Editor/config.ts
-import Header from "@editorjs/header";
-import Paragraph from "@editorjs/paragraph";
-import List from "@editorjs/list";
-import Table from "@editorjs/table";
-import Quote from "@editorjs/quote";
-import AudioPlayer from "editorjs-audio-player";
-var EDITOR_TOOLS = {
-  paragraph: {
-    class: Paragraph,
-    inlineToolbar: true
-  },
-  list: List,
-  header: {
-    class: Header,
-    config: {
-      placeholder: "Enter a header",
-      levels: [2, 3, 4],
-      defaultLevel: 2
-    }
-  },
-  table: Table,
-  quote: Quote,
-  audioPlayer: AudioPlayer
-};
-
-// src/components/Editor/Editor.jsx
-var Editor = ({ property, record, onChangeAdmin, editorId }) => {
-  const [jsonData, setJsonData] = useState3();
-  const isSavedData = Boolean(record.params[property.path]);
-  const ref = useRef();
-  useEffect3(() => {
-    onChangeAdmin(property.path, jsonData);
-  }, [jsonData]);
-  useEffect3(() => {
-    if (!ref.current) {
-      const editor = new EditorJS({
-        holder: editorId,
-        tools: EDITOR_TOOLS,
-        data: isSavedData ? JSON.parse(record.params[property.path]) : "",
-        async onChange(api, event) {
-          const data = await api.saver.save();
-          setJsonData(JSON.stringify(data));
-        }
-      });
-      ref.current = editor;
-    }
-    return () => {
-      ref?.current?.destroy?.();
-    };
-  }, []);
-  return /* @__PURE__ */ React5.createElement(ThemeProvider2, { theme: theme2 }, /* @__PURE__ */ React5.createElement(StyledLabel2, null, property.path), /* @__PURE__ */ React5.createElement(StyledEditorWrapper, null, /* @__PURE__ */ React5.createElement(StyledEditor, { id: editorId })));
-};
-var Editor_default = Editor;
-
-// src/components/Editor/EditorList.jsx
-import { theme as theme3 } from "@adminjs/design-system";
-import React6 from "react";
-import { ThemeProvider as ThemeProvider3 } from "styled-components";
-var EditorList = ({ property, record }) => {
-  const htmlContent = parseHtml(record.params[property.path]);
-  return /* @__PURE__ */ React6.createElement(ThemeProvider3, { theme: theme3 }, /* @__PURE__ */ React6.createElement(StyledEditorViewWrapper, null, htmlContent && /* @__PURE__ */ React6.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
-};
-var EditorList_default = EditorList;
-
-// src/components/Editor/EditorShow.jsx
-import React7 from "react";
-import { ThemeProvider as ThemeProvider4 } from "styled-components";
-import { theme as theme4 } from "@adminjs/design-system";
-var EditorShow = ({ property, record }) => {
-  const htmlContent = parseHtml(record.params[property.path]);
-  return /* @__PURE__ */ React7.createElement(ThemeProvider4, { theme: theme4 }, /* @__PURE__ */ React7.createElement(StyledEditorShowWrapper, null, /* @__PURE__ */ React7.createElement(StyledShowLabel, null, property.path), htmlContent && /* @__PURE__ */ React7.createElement("div", { dangerouslySetInnerHTML: { __html: htmlContent } })));
-};
-var EditorShow_default = EditorShow;
+var SlugEdit_default = SlugEdit;
 
 // src/components/StringList/StringList.tsx
-import { Button as Button3, Input as Input3, theme as theme5 } from "@adminjs/design-system";
-import React11, {
-  useEffect as useEffect4,
-  useState as useState5
+import { Button as Button3, Input as Input3, theme as theme2 } from "@adminjs/design-system";
+import React8, {
+  useEffect as useEffect3,
+  useState as useState4
 } from "react";
-import { ThemeProvider as ThemeProvider5 } from "styled-components";
+import { ThemeProvider as ThemeProvider2 } from "styled-components";
 
 // src/components/StringList/styles.ts
-import { Box as Box3, Input as Input2 } from "@adminjs/design-system";
-import { styled as styled4 } from "@adminjs/design-system/styled-components";
-var StyledWrapper = styled4(Box3)`
+import { Box as Box2, Input as Input2 } from "@adminjs/design-system";
+import { styled as styled3 } from "@adminjs/design-system/styled-components";
+var StyledWrapper = styled3(Box2)`
   display: flex;
   flex-direction: column;
   margin-bottom: 45px;
 `;
-var StyledCustomInput2 = styled4(Input2)`
+var StyledCustomInput2 = styled3(Input2)`
   width: 100%;
   margin-right: 10px;
 `;
-var StyledInputWrapper2 = styled4(Box3)`
+var StyledInputWrapper2 = styled3(Box2)`
   display: flex;
 `;
-var StyledListWrapper = styled4(Box3)`
+var StyledListWrapper = styled3(Box2)`
   margin-bottom: 15px;
 `;
-var StyledLabel3 = styled4.div`
+var StyledLabel2 = styled3.div`
   font-size: 12px;
   margin-bottom: 8px;
   text-transform: capitalize;
 `;
-var StyledShowLabel2 = styled4(StyledLabel3)`
+var StyledShowLabel = styled3(StyledLabel2)`
   line-height: 16px;
   color: rgb(137, 138, 154);
   font-weight: 300;
 `;
-var StyledShowWrapper = styled4(Box3)`
+var StyledShowWrapper = styled3(Box2)`
   margin-bottom: 35px;
 `;
-var StyledListItem = styled4.li`
+var StyledListItem = styled3.li`
   margin-bottom: 5px;
 `;
 
 // src/components/StringList/SortableList/SortableList.tsx
-import React10, { Fragment, useMemo as useMemo2, useState as useState4 } from "react";
+import React7, { Fragment, useMemo as useMemo2, useState as useState3 } from "react";
 import {
   DndContext,
   KeyboardSensor,
@@ -507,16 +284,16 @@ import {
 } from "@dnd-kit/sortable";
 
 // src/components/StringList/SortableList/components/SortableItem/SortableItem.tsx
-import React9, { createContext, useMemo } from "react";
+import React6, { createContext, useMemo } from "react";
 import { useSortable } from "@dnd-kit/sortable";
 import { Button as Button2, Icon } from "@adminjs/design-system";
 
 // src/components/StringList/SortableList/components/SortableItem/DragHandle.tsx
-import React8, { useContext } from "react";
+import React5, { useContext } from "react";
 
 // src/components/StringList/SortableList/components/SortableItem/styles.ts
-import { styled as styled5 } from "@adminjs/design-system/styled-components";
-var StyledListItem2 = styled5.li`
+import { styled as styled4 } from "@adminjs/design-system/styled-components";
+var StyledListItem2 = styled4.li`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -528,7 +305,7 @@ var StyledListItem2 = styled5.li`
   border-radius: 5px;
   list-style: none;
 `;
-var StyledDragButton = styled5.button`
+var StyledDragButton = styled4.button`
   padding: 3px;
   margin-right: 15px;
   cursor: move;
@@ -539,7 +316,7 @@ var StyledDragButton = styled5.button`
 // src/components/StringList/SortableList/components/SortableItem/DragHandle.tsx
 var DragHandle = ({ context }) => {
   const { attributes, listeners, ref } = useContext(context);
-  return /* @__PURE__ */ React8.createElement(StyledDragButton, { ...attributes, ...listeners, ref }, /* @__PURE__ */ React8.createElement("svg", { viewBox: "0 0 20 20", width: "13" }, /* @__PURE__ */ React8.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })));
+  return /* @__PURE__ */ React5.createElement(StyledDragButton, { ...attributes, ...listeners, ref }, /* @__PURE__ */ React5.createElement("svg", { viewBox: "0 0 20 20", width: "13" }, /* @__PURE__ */ React5.createElement("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })));
 };
 
 // src/components/StringList/SortableList/components/SortableItem/SortableItem.tsx
@@ -566,7 +343,7 @@ function SortableItem({
   const style = {
     opacity: isDragging ? 0.4 : void 0
   };
-  return /* @__PURE__ */ React9.createElement(SortableItemContext.Provider, { value: context }, /* @__PURE__ */ React9.createElement(StyledListItem2, { ref: setNodeRef, style }, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement(DragHandle, { context: SortableItemContext }), children), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React6.createElement(SortableItemContext.Provider, { value: context }, /* @__PURE__ */ React6.createElement(StyledListItem2, { ref: setNodeRef, style }, /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(DragHandle, { context: SortableItemContext }), children), /* @__PURE__ */ React6.createElement(
     Button2,
     {
       variant: "outlined",
@@ -574,13 +351,13 @@ function SortableItem({
       size: "icon",
       onClick: (e) => onDelete(e, id)
     },
-    /* @__PURE__ */ React9.createElement(Icon, { icon: "X", color: "red" })
+    /* @__PURE__ */ React6.createElement(Icon, { icon: "X", color: "red" })
   )));
 }
 
 // src/components/StringList/SortableList/styles.ts
-import { styled as styled6 } from "@adminjs/design-system/styled-components";
-var StyledListWrapper2 = styled6.ul`
+import { styled as styled5 } from "@adminjs/design-system/styled-components";
+var StyledListWrapper2 = styled5.ul`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -603,7 +380,7 @@ function SortableList({
   onChange,
   renderItem
 }) {
-  const [active, setActive] = useState4(null);
+  const [active, setActive] = useState3(null);
   const activeItem = useMemo2(
     () => items.find((item) => item.id === active?.id),
     [active, items]
@@ -614,7 +391,7 @@ function SortableList({
       coordinateGetter: sortableKeyboardCoordinates
     })
   );
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React7.createElement(
     DndContext,
     {
       sensors,
@@ -633,8 +410,8 @@ function SortableList({
         setActive(null);
       }
     },
-    /* @__PURE__ */ React10.createElement(SortableContext, { items, strategy: verticalListSortingStrategy }, /* @__PURE__ */ React10.createElement(StyledListWrapper2, { role: "application" }, items.map((item, index) => /* @__PURE__ */ React10.createElement(Fragment, { key: index }, renderItem(item))))),
-    /* @__PURE__ */ React10.createElement(DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? renderItem(activeItem) : null)
+    /* @__PURE__ */ React7.createElement(SortableContext, { items, strategy: verticalListSortingStrategy }, /* @__PURE__ */ React7.createElement(StyledListWrapper2, { role: "application" }, items.map((item, index) => /* @__PURE__ */ React7.createElement(Fragment, { key: index }, renderItem(item))))),
+    /* @__PURE__ */ React7.createElement(DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? renderItem(activeItem) : null)
   );
 }
 SortableList.Item = SortableItem;
@@ -651,20 +428,20 @@ var StringList = ({
 }) => {
   const stringListValue = record.params?.[property.path] ?? property.props.value ?? "";
   const initialList = stringListValue ? prepareDataForList(stringListValue) : [];
-  const [inputValue, setInputValue] = useState5("");
-  const [list, setList] = useState5(initialList);
+  const [inputValue, setInputValue] = useState4("");
+  const [list, setList] = useState4(initialList);
   const serializedData = prepareDataForDatabase(list);
-  useEffect4(() => {
+  useEffect3(() => {
     onChange(property.path, serializedData);
   }, [serializedData]);
-  return /* @__PURE__ */ React11.createElement(ThemeProvider5, { theme: theme5 }, /* @__PURE__ */ React11.createElement(StyledLabel3, { htmlFor: "custom" }, property.path), /* @__PURE__ */ React11.createElement(StyledWrapper, null, /* @__PURE__ */ React11.createElement(StyledListWrapper, null, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React8.createElement(ThemeProvider2, { theme: theme2 }, /* @__PURE__ */ React8.createElement(StyledLabel2, { htmlFor: "custom" }, property.path), /* @__PURE__ */ React8.createElement(StyledWrapper, null, /* @__PURE__ */ React8.createElement(StyledListWrapper, null, /* @__PURE__ */ React8.createElement(
     SortableList,
     {
       items: list,
       onChange: setList,
-      renderItem: (item) => /* @__PURE__ */ React11.createElement(SortableList.Item, { id: item.id, onDelete: handleDeleteButton }, item.value)
+      renderItem: (item) => /* @__PURE__ */ React8.createElement(SortableList.Item, { id: item.id, onDelete: handleDeleteButton }, item.value)
     }
-  )), /* @__PURE__ */ React11.createElement(StyledInputWrapper2, null, /* @__PURE__ */ React11.createElement(
+  )), /* @__PURE__ */ React8.createElement(StyledInputWrapper2, null, /* @__PURE__ */ React8.createElement(
     Input3,
     {
       id: "stringList",
@@ -672,7 +449,7 @@ var StringList = ({
       value: serializedData,
       hidden: true
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     StyledCustomInput2,
     {
       id: "custom",
@@ -681,7 +458,7 @@ var StringList = ({
       onChange: handleInput,
       onKeyPress: handleEnterPress
     }
-  ), /* @__PURE__ */ React11.createElement(Button3, { variant: "outlined", onClick: handleAddButton }, "Add"))));
+  ), /* @__PURE__ */ React8.createElement(Button3, { variant: "outlined", onClick: handleAddButton }, "Add"))));
   function handleInput(e) {
     setInputValue(e.target.value);
   }
@@ -718,26 +495,59 @@ var StringList = ({
 var StringList_default = StringList;
 
 // src/components/StringList/StringListShow.tsx
-import React12 from "react";
-import { ThemeProvider as ThemeProvider6 } from "styled-components";
-import { theme as theme6 } from "@adminjs/design-system";
+import React9 from "react";
+import { ThemeProvider as ThemeProvider3 } from "styled-components";
+import { theme as theme3 } from "@adminjs/design-system";
 var StringListShow = ({
   property,
   record,
   stringListSeparator = separator
 }) => {
-  return /* @__PURE__ */ React12.createElement(ThemeProvider6, { theme: theme6 }, /* @__PURE__ */ React12.createElement(StyledShowWrapper, null, /* @__PURE__ */ React12.createElement(StyledShowLabel2, null, property.path), record.params.facts && /* @__PURE__ */ React12.createElement("ul", null, record.params.facts.split(stringListSeparator).map((item, index) => /* @__PURE__ */ React12.createElement(StyledListItem, { key: index }, `- ${item}`)))));
+  return /* @__PURE__ */ React9.createElement(ThemeProvider3, { theme: theme3 }, /* @__PURE__ */ React9.createElement(StyledShowWrapper, null, /* @__PURE__ */ React9.createElement(StyledShowLabel, null, property.path), record.params.facts && /* @__PURE__ */ React9.createElement("ul", null, record.params.facts.split(stringListSeparator).map((item, index) => /* @__PURE__ */ React9.createElement(StyledListItem, { key: index }, `- ${item}`)))));
 };
 var StringListShow_default = StringListShow;
+
+// src/components/Slug/SlugFeature.ts
+import { buildFeature } from "adminjs";
+
+// src/utils/bundle-component.ts
+import path from "path";
+import * as url from "url";
+var dirname = url.fileURLToPath(new URL(".", import.meta.url));
+var bundleComponent = (loader, componentName, componentFile) => {
+  const componentPath = path.join(dirname, "../src/components", componentName, componentFile);
+  console.log("[bundleComponent] Registering:", componentPath);
+  return loader.add(componentName, componentPath);
+};
+
+// src/components/Slug/SlugFeature.ts
+var COMPONENT_NAME = "Slug";
+var SlugFeature = (config) => {
+  const { componentLoader, key } = config;
+  const uploadFeature = () => {
+    const editComponent = bundleComponent(componentLoader, COMPONENT_NAME, "SlugEdit.tsx");
+    return buildFeature({
+      properties: {
+        [key]: {
+          isVisible: { show: false, edit: true, list: false, filter: false },
+          components: {
+            edit: editComponent
+          }
+        }
+      }
+    });
+  };
+  return uploadFeature();
+};
+var SlugFeature_default = SlugFeature;
 export {
   ColorStatusEdit_default as ColorStatusEdit,
   ColorStatusList_default as ColorStatusList,
   ColorStatusShow_default as ColorStatusShow,
-  CustomSlug_default as CustomSlug,
-  Editor_default as Editor,
-  EditorList_default as EditorList,
-  EditorShow_default as EditorShow,
+  SlugEdit_default as SlugEdit,
+  SlugFeature_default as SlugFeature,
   StringList_default as StringList,
   StringListShow_default as StringListShow,
   parseHtml
 };
+//# sourceMappingURL=index.js.map