@alpaca-editor/core 1.0.4114 → 1.0.4118

package/src/page-wizard/steps/Generate.tsx

@@ -1,4 +1,4 @@
-import { classNames } from "primereact/utils";
+import { cn } from "../../lib/utils";
 import { Logo } from "../../editor/ui/Icons";
 
 interface GenerateProps {
@@ -37,7 +37,7 @@ function Generate({ title, size }: GenerateProps) {
         `}
       </style>
       <div
-        className={classNames(
+        className={cn(
           "animate-fadeIn flex h-full flex-col items-center justify-center transition-all duration-300",
         )}
       >

package/src/page-wizard/steps/ImagesStep.tsx

@@ -7,9 +7,14 @@ import { executePrompt } from "../../editor/services/aiService";
 import { executeSearch } from "../../editor/services/searchService";
 import { createWizardAiContext } from "../service";
 import { ActionButton } from "../../components/ActionButton";
-import { classNames } from "primereact/utils";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
+import { cn } from "../../lib/utils";
+import { Button } from "../../components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "../../components/ui/dialog";
 import { FullItem } from "../../editor/pageModel";
 import { WizardBox } from "../WizardBox";
 import { WizardBoxConnector } from "../WizardBoxConnector";
@@ -257,32 +262,46 @@ export const ImagesStep = (props: StepComponentProps) => {
                 </div>
               )}
               <Button
-                label="Change Folder"
+                size="sm"
                 onClick={() => {
                   setShowFolderDialog(true);
                 }}
-              />
+              >
+                Change Folder
+              </Button>
               <Dialog
-                header="Select Folder"
-                visible={showFolderDialog}
-                onHide={() => {
-                  setShowFolderDialog(false);
+                open={showFolderDialog}
+                onOpenChange={(open) => {
+                  if (!open) {
+                    setShowFolderDialog(false);
+                  }
                 }}
-                style={{ width: "50vw", height: "50vh" }}
               >
-                <div className="flex h-full flex-col p-1">
-                  <div className="relative flex-1">
-                    <ScrollingContentTree
-                      rootItemId={mediaRootId}
-                      onSelectionChange={(selection) => {
-                        const selectedNode = selection[0] as ItemTreeNodeData;
-                        if (selectedNode) setSelectedFolderId(selectedNode.id);
-                        else setSelectedFolderId(mediaRootId);
-                        setShowFolderDialog(false);
-                      }}
-                    />
+                <DialogContent
+                  className="max-w-none"
+                  style={{ width: "50vw", height: "50vh" }}
+                >
+                  <DialogHeader>
+                    <DialogTitle>Select Folder</DialogTitle>
+                  </DialogHeader>
+                  <div className="flex-1 overflow-auto">
+                    <div className="flex h-full flex-col p-1">
+                      <div className="relative flex-1">
+                        <ScrollingContentTree
+                          rootItemId={mediaRootId}
+                          onSelectionChange={(selection) => {
+                            const selectedNode =
+                              selection[0] as ItemTreeNodeData;
+                            if (selectedNode)
+                              setSelectedFolderId(selectedNode.id);
+                            else setSelectedFolderId(mediaRootId);
+                            setShowFolderDialog(false);
+                          }}
+                        />
+                      </div>
+                    </div>
                   </div>
-                </div>
+                </DialogContent>
               </Dialog>
             </div>
           </div>
@@ -323,7 +342,7 @@ export const ImagesStep = (props: StepComponentProps) => {
                           {image.title}
                         </h3>
                         <ChevronDown
-                          className={classNames(
+                          className={cn(
                             "h-5 w-5 text-gray-500 transition-transform",
                             isCollapsed ? "-rotate-90" : "rotate-0",
                           )}
@@ -336,7 +355,7 @@ export const ImagesStep = (props: StepComponentProps) => {
                             (option: Thumbnail, thumbnailIndex: number) => (
                               <div
                                 key={thumbnailIndex}
-                                className={classNames(
+                                className={cn(
                                   "relative aspect-square cursor-pointer overflow-hidden rounded-lg border-2 transition-all",
                                   option.selected
                                     ? "border-purple-500 ring-2 ring-purple-200"

package/src/page-wizard/steps/MetaDataStep.tsx

@@ -4,7 +4,7 @@ import { WizardPageModel } from "../PageWizard";
 import { executePrompt } from "../../editor/services/aiService";
 import { createWizardAiContext } from "../service";
 import { useEditContext } from "../../editor/client/editContext";
-import { InputTextarea } from "primereact/inputtextarea";
+import { Textarea } from "../../components/ui/textarea";
 import { WizardBox } from "../WizardBox";
 import { FileText, RotateCcw } from "lucide-react";
 import { StepComponentProps } from "../../config/types";
@@ -195,11 +195,11 @@ export function MetaDataStep({
                   >
                     Meta Description
                   </label>
-                  <InputTextarea
+                  <Textarea
                     id="metaDescription"
                     className="min-h-[100px] w-full rounded border p-2 text-sm"
                     value={pageModel.metaDescription}
-                    onChange={(e) =>
+                    onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
                       handleInputChange("metaDescription", e.target.value)
                     }
                     placeholder="Enter meta description"
@@ -212,11 +212,11 @@ export function MetaDataStep({
                   >
                     Meta Keywords
                   </label>
-                  <InputTextarea
+                  <Textarea
                     id="metaKeywords"
                     className="min-h-[100px] w-full rounded border p-2 text-sm"
                     value={pageModel.metaKeywords}
-                    onChange={(e) =>
+                    onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
                       handleInputChange("metaKeywords", e.target.value)
                     }
                     placeholder="Enter meta keywords"

package/src/page-wizard/steps/SelectStep.tsx

@@ -3,8 +3,8 @@ import { WizardData } from "../PageWizard";
 import { useEditContext } from "../../editor/client/editContext";
 import { executePrompt } from "../../editor/services/aiService";
 import { createWizardAiContext } from "../service";
-import { classNames } from "primereact/utils";
-import { InputTextarea } from "primereact/inputtextarea";
+import { cn } from "../../lib/utils";
+import { Textarea } from "../../components/ui/textarea";
 import { StepComponentProps } from "../../config/types";
 import { ActionButton } from "../../components/ActionButton";
 import Generate from "./Generate";
@@ -281,10 +281,12 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
           <div className="relative flex-1">
             <div className="absolute inset-0 overflow-y-auto">
               <h3 className="text-sm font-bold">Instructions</h3>
-              <InputTextarea
+              <Textarea
                 className="h-48 w-full text-sm"
                 value={instructions}
-                onChange={(e) => setInstructions(e.target.value)}
+                onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
+                  setInstructions(e.target.value)
+                }
                 placeholder="Enter instructions for generating the options"
               />
             </div>
@@ -335,7 +337,7 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
                   return (
                     <div
                       key={option.id}
-                      className={classNames(
+                      className={cn(
                         "mb-3 flex items-center rounded border-2 bg-white p-3",
                         index % 2 === 0
                           ? "animate-fadeRight"
@@ -353,7 +355,7 @@ Create ${step.fields.numberOfOptions || 5} relevant options.`,
                         </div>
                       </div>
                       <div
-                        className={classNames(
+                        className={cn(
                           "ml-2 flex h-6 w-6 items-center justify-center rounded-full text-white",
                           isSelected
                             ? "bg-theme-secondary opacity-100"

package/src/page-wizard/steps/StructureStep.tsx

@@ -8,7 +8,7 @@ import Generate from "./Generate";
 import { WizardBox } from "../WizardBox";
 
 import { Settings, Layout, ChevronDown, ChevronRight } from "lucide-react";
-import { InputTextarea } from "primereact/inputtextarea";
+import { Textarea } from "../../components/ui/textarea";
 import {
   evaluateDataExpression,
   setDataProperty,
@@ -207,7 +207,6 @@ ${customInstructionsResult.value ? `Additional requirements: ${customInstruction
               sections: StructureElement[];
             };
 
-
             const sections: StructureElement[] | undefined = Array.isArray(
               generatedStructure?.sections,
             )
@@ -323,9 +322,11 @@ ${customInstructionsResult.value ? `Additional requirements: ${customInstruction
             <label className="block text-sm font-medium text-gray-700">
               Additional Requirements (Optional)
             </label>
-            <InputTextarea
+            <Textarea
               value={customInstructions}
-              onChange={(e) => setCustomInstructions(e.target.value)}
+              onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
+                setCustomInstructions(e.target.value)
+              }
               placeholder="Describe any specific requirements for your page structure..."
               rows={3}
               className="w-full"
@@ -402,11 +403,11 @@ ${customInstructionsResult.value ? `Additional requirements: ${customInstruction
                             <label className="block text-xs font-medium text-gray-700">
                               Content
                             </label>
-                            <InputTextarea
+                            <Textarea
                               value={element.content}
-                              onChange={(e) =>
-                                editElement(index, e.target.value)
-                              }
+                              onChange={(
+                                e: React.ChangeEvent<HTMLTextAreaElement>,
+                              ) => editElement(index, e.target.value)}
                               className="w-full"
                               rows={4}
                             />

package/src/page-wizard/steps/TranslateStep.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState, useCallback } from "react";
 import { useEditContext } from "../../editor/client/editContext";
 import { Language } from "../../editor/pageModel";
 import { ActionButton } from "../../components/ActionButton";
-import { InputTextarea } from "primereact/inputtextarea";
+import { Textarea } from "../../components/ui/textarea";
 import { executePrompt } from "../../editor/services/aiService";
 import { createWizardAiContext } from "../service";
 import { LanguageSelector } from "../../components/ui/LanguageSelector";
@@ -1183,11 +1183,13 @@ Return your response as a JSON object in this exact format:
                                     className="min-h-[70px] text-xs"
                                   />
                                 ) : (
-                                  <InputTextarea
+                                  <Textarea
                                     value={
                                       translatedField?.translatedValue || ""
                                     }
-                                    onChange={(e) =>
+                                    onChange={(
+                                      e: React.ChangeEvent<HTMLTextAreaElement>,
+                                    ) =>
                                       handleFieldChange(
                                         itemId,
                                         field.fieldId,

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.4114";
-export const buildDate = "2025-09-25 14:12:59";
+export const version = "1.0.4118";
+export const buildDate = "2025-09-26 10:16:39";

package/src/splash-screen/NewPage.tsx

@@ -11,7 +11,7 @@ import {
 } from "../editor/services/editService";
 import { InputText } from "primereact/inputtext";
 import { getAbsoluteIconUrl, getItemDescriptor } from "../editor/utils";
-import { classNames } from "primereact/utils";
+import { cn } from "../lib/utils";
 import { useEditContext } from "../client-components";
 
 import { ItemDescriptor } from "../editor/pageModel";
@@ -240,7 +240,7 @@ export function NewPage({ selectedItemId }: { selectedItemId?: string }) {
                     <div
                       key={option.id}
                       onClick={() => setSelectedTemplate(option.id)}
-                      className={classNames(
+                      className={cn(
                         "hover:border-theme-secondary flex h-23 min-w-34 cursor-pointer flex-col items-center justify-center gap-2 rounded border border-gray-200 text-xs",
                         selectedTemplate === option.id
                           ? "bg-theme-secondary-light border-theme-secondary"

package/src/splash-screen/SectionHeadline.tsx

@@ -1,4 +1,4 @@
-import { classNames } from "primereact/utils";
+import { cn } from "../lib/utils";
 import { ArrowRightIcon } from "../editor/ui/Icons";
 
 export function SectionHeadline({
@@ -10,9 +10,9 @@ export function SectionHeadline({
 }) {
   return (
     <div
-      className={classNames(
-        "mt-2 mb-2 font-bold flex gap-2 items-center w-fit",
-        className
+      className={cn(
+        "mt-2 mb-2 flex w-fit items-center gap-2 font-bold",
+        className,
       )}
     >
       <ArrowRightIcon /> {children}

package/dist/editor/component-designer/ComponentDesigner.d.ts

@@ -1 +0,0 @@
-export declare function ComponentDesigner(): void;

package/dist/editor/component-designer/ComponentDesigner.js

@@ -1,51 +0,0 @@
-export function ComponentDesigner() {
-    // const [allComponents, setAllComponents] = useState<Component[]>([]);
-    // const context = useEditContext();
-    // if (!context?.page) return null;
-    // useEffect(() => {
-    //   async function loadComponents() {
-    //     if (context?.page) {
-    //       const components = await getAllComponents(context.page.item.id);
-    //       setAllComponents(components);
-    //     } else setAllComponents([]);
-    //   }
-    //   loadComponents();
-    // }, [context.page]);
-    // const mainPanels: Panel[] = [
-    //   {
-    //     name: "template",
-    //     title: "Component",
-    //     initialSize: 30,
-    //     icon: <PuzzleIcon />,
-    //     noOverflow: true,
-    //     content: <ComponentEditor allComponents={allComponents} />,
-    //   },
-    //   {
-    //     name: "placeholders",
-    //     title: "Placeholders",
-    //     icon: "pi pi-th-large",
-    //     initialSize: 30,
-    //     noOverflow: true,
-    //     content: <PlaceholdersEditor allComponents={allComponents} />,
-    //   },
-    //   {
-    //     name: "rendering",
-    //     title: "Rendering",
-    //     icon: "pi pi-palette",
-    //     initialSize: 40,
-    //     content: <ComponentRenderingEditor />,
-    //     noOverflow: true,
-    //   },
-    // ];
-    // return (
-    //   <Splitter className="h-full">
-    //     <SplitterPanel>
-    //       <StackedPanels panels={mainPanels} />
-    //     </SplitterPanel>
-    //     <SplitterPanel>
-    //       <PageViewerFrame compareView={false} />
-    //     </SplitterPanel>
-    //   </Splitter>
-    // );
-}
-//# sourceMappingURL=ComponentDesigner.js.map

package/dist/editor/component-designer/ComponentDesigner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentDesigner.js","sourceRoot":"","sources":["../../../src/editor/component-designer/ComponentDesigner.tsx"],"names":[],"mappings":"AAgBA,MAAM,UAAU,iBAAiB;IAC/B,uEAAuE;IACvE,oCAAoC;IACpC,mCAAmC;IACnC,oBAAoB;IACpB,sCAAsC;IACtC,2BAA2B;IAC3B,yEAAyE;IACzE,sCAAsC;IACtC,mCAAmC;IACnC,MAAM;IACN,sBAAsB;IACtB,sBAAsB;IACtB,gCAAgC;IAChC,MAAM;IACN,wBAAwB;IACxB,0BAA0B;IAC1B,uBAAuB;IACvB,4BAA4B;IAC5B,wBAAwB;IACxB,kEAAkE;IAClE,OAAO;IACP,MAAM;IACN,4BAA4B;IAC5B,6BAA6B;IAC7B,8BAA8B;IAC9B,uBAAuB;IACvB,wBAAwB;IACxB,qEAAqE;IACrE,OAAO;IACP,MAAM;IACN,yBAAyB;IACzB,0BAA0B;IAC1B,6BAA6B;IAC7B,uBAAuB;IACvB,6CAA6C;IAC7C,wBAAwB;IACxB,OAAO;IACP,KAAK;IACL,WAAW;IACX,kCAAkC;IAClC,sBAAsB;IACtB,8CAA8C;IAC9C,uBAAuB;IACvB,sBAAsB;IACtB,gDAAgD;IAChD,uBAAuB;IACvB,gBAAgB;IAChB,KAAK;AACP,CAAC"}

package/dist/editor/component-designer/ComponentDesignerMenu.d.ts

@@ -1 +0,0 @@
-export declare function ComponentDesignerMenu(): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/component-designer/ComponentDesignerMenu.js

@@ -1,65 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEditContext } from "../client/editContext";
-export function ComponentDesignerMenu() {
-    const context = useEditContext();
-    if (!context)
-        return;
-    // const menuItems = [
-    //   {
-    //     id: "newComponent",
-    //     label: "New Component",
-    //     icon: "pi pi-fw pi-plus",
-    //     command: () => createNew(),
-    //     //      disabled: !context.componentRenderingFolder,
-    //   },
-    //   {
-    //     id: "newRendering",
-    //     label: "New Rendering",
-    //     icon: "pi pi-fw pi-palette",
-    //     command: () => createNewRendering(),
-    //     disabled: !context.componentDesignerComponent,
-    //   },
-    //   {
-    //     id: "delete",
-    //     label: "Delete rendering",
-    //     icon: "pi pi-fw pi-trash",
-    //     disabled: !context.componentDesignerRendering,
-    //   },
-    // ];
-    // const itemNameDialogRef = useRef<ItemNameDialogHandle>(null);
-    // const createNew = async () => {
-    //   itemNameDialogRef.current?.show({
-    //     title: "Choose Component Name",
-    //     accept: async (name) => {
-    //       await createNewComponent(name, context.page!.item);
-    //     },
-    //   });
-    // };
-    // const createNewRendering = async () => {
-    //   itemNameDialogRef.current?.show({
-    //     title: "Choose Rendering Name",
-    //     accept: async (name) => {
-    //       if (!context.componentDesignerComponent) return;
-    //       const details = await createRendering(
-    //         name,
-    //         context.page!.item,
-    //         context.componentDesignerComponent.templateId
-    //       );
-    //       if (!("id" in details)) return;
-    //       const component = await loadComponentDetails(
-    //         context.componentDesignerComponent.templateId,
-    //         context!.page!.item.id
-    //       );
-    //       // const rendering = await getItem({
-    //       //   id: details.id,
-    //       //   language: "en",
-    //       //   version: 0,
-    //       // });
-    //       context.setComponentDesignerComponent(component);
-    //       //    context.setComponentDesignerRendering(rendering);
-    //     },
-    //   });
-    // };
-    return (_jsx(_Fragment, {}));
-}
-//# sourceMappingURL=ComponentDesignerMenu.js.map

package/dist/editor/component-designer/ComponentDesignerMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentDesignerMenu.js","sourceRoot":"","sources":["../../../src/editor/component-designer/ComponentDesignerMenu.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,UAAU,qBAAqB;IACnC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,IAAI,CAAC,OAAO;QAAE,OAAO;IAErB,sBAAsB;IACtB,MAAM;IACN,0BAA0B;IAC1B,8BAA8B;IAC9B,gCAAgC;IAChC,kCAAkC;IAClC,2DAA2D;IAC3D,OAAO;IACP,MAAM;IACN,0BAA0B;IAC1B,8BAA8B;IAC9B,mCAAmC;IACnC,2CAA2C;IAC3C,qDAAqD;IACrD,OAAO;IACP,MAAM;IACN,oBAAoB;IACpB,iCAAiC;IACjC,iCAAiC;IACjC,qDAAqD;IACrD,OAAO;IACP,KAAK;IACL,gEAAgE;IAEhE,kCAAkC;IAClC,sCAAsC;IACtC,sCAAsC;IACtC,gCAAgC;IAChC,4DAA4D;IAC5D,SAAS;IACT,QAAQ;IACR,KAAK;IAEL,2CAA2C;IAC3C,sCAAsC;IACtC,sCAAsC;IACtC,gCAAgC;IAChC,yDAAyD;IACzD,+CAA+C;IAC/C,gBAAgB;IAChB,8BAA8B;IAC9B,wDAAwD;IACxD,WAAW;IACX,wCAAwC;IAExC,sDAAsD;IACtD,yDAAyD;IACzD,iCAAiC;IACjC,WAAW;IACX,6CAA6C;IAC7C,6BAA6B;IAC7B,6BAA6B;IAC7B,yBAAyB;IACzB,eAAe;IACf,0DAA0D;IAC1D,gEAAgE;IAChE,SAAS;IACT,QAAQ;IACR,KAAK;IAEL,OAAO,CACL,mBAWG,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/component-designer/ComponentEditor.d.ts

@@ -1,4 +0,0 @@
-import { Component } from "../services/componentDesignerService";
-export declare function ComponentEditor({ allComponents, }: {
-    allComponents: Component[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/component-designer/ComponentEditor.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { Toolbar } from "../ui/Toolbar";
-import { ComponentsDropdown } from "./ComponentsDropdown";
-import { TemplateEditor } from "./TemplateEditor";
-import { getSelectedComponents } from "../componentTreeHelper";
-import { useEditContext } from "../client/editContext";
-import { toast } from "sonner";
-import { loadComponentDetails, saveComponentDetails, } from "../services/componentDesignerService";
-import { Button } from "primereact/button";
-export function ComponentEditor({ allComponents, }) {
-    const context = useEditContext();
-    useEffect(() => {
-        const loadSelectedComponent = async () => {
-            const selectedComponents = getSelectedComponents(context);
-            if (selectedComponents.length !== 1) {
-                return;
-            }
-            const component = selectedComponents[0];
-            if (!component) {
-                context.setComponentDesignerComponent(undefined);
-                context.setComponentDesignerRendering(undefined);
-            }
-            else {
-                context.setComponentDesignerComponent(await loadComponentDetails(component.datasourceItem.templateId, context.page.item.id));
-                // if (component.rendering) {
-                //   context.setComponentDesignerRendering(
-                //     await getItem({
-                //       id: component.rendering.id,
-                //       language: "en",
-                //       version: 0,
-                //     })
-                //   );
-                // } else context.setComponentDesignerRendering(undefined);
-            }
-        };
-        loadSelectedComponent();
-    }, [context.selection]);
-    useEffect(() => {
-        const refresh = async () => {
-            if (context.componentDesignerComponent) {
-                context.setComponentDesignerComponent(await loadComponentDetails(context.componentDesignerComponent.templateId, context.page.item.id));
-            }
-        };
-        refresh();
-    }, [context.refreshCompletedFlag]);
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs(Toolbar, { children: [_jsx(ComponentsDropdown, { allComponents: allComponents }), " ", _jsx(Button, { icon: "pi pi-fw pi-save", text: true, size: "small", disabled: !context.componentDesignerComponent, onClick: () => {
-                            const save = async () => {
-                                await saveComponentDetails(context.componentDesignerComponent, context.page.item);
-                                toast.success("Component saved");
-                            };
-                            save();
-                        } })] }), _jsx("div", { className: "flex-1 overflow-auto", children: _jsx(TemplateEditor, {}) })] }));
-}
-//# sourceMappingURL=ComponentEditor.js.map

package/dist/editor/component-designer/ComponentEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentEditor.js","sourceRoot":"","sources":["../../../src/editor/component-designer/ComponentEditor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/component-designer/ComponentRenderingCodeEditor.d.ts

@@ -1,5 +0,0 @@
-import "@uiw/react-textarea-code-editor/dist.css";
-export declare function ComponentRenderingCodeEditor({ code, setCode, }: {
-    code: string;
-    setCode: (code: string) => void;
-}): React.ReactNode;

package/dist/editor/component-designer/ComponentRenderingCodeEditor.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@uiw/react-textarea-code-editor/dist.css";
-import CodeEditor from "@uiw/react-textarea-code-editor";
-export function ComponentRenderingCodeEditor({ code, setCode, }) {
-    return (_jsx("div", { className: "size-full relative", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(CodeEditor, { value: code, language: "js", placeholder: "Please enter TSX code.", onChange: (evn) => setCode(evn.target.value), padding: 15, style: {
-                    fontSize: 12,
-                    backgroundColor: "#f5f5f5",
-                    fontFamily: "ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace",
-                } }) }) }));
-}
-//# sourceMappingURL=ComponentRenderingCodeEditor.js.map

package/dist/editor/component-designer/ComponentRenderingCodeEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentRenderingCodeEditor.js","sourceRoot":"","sources":["../../../src/editor/component-designer/ComponentRenderingCodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,0CAA0C,CAAC;AAElD,OAAO,UAAU,MAAM,iCAAiC,CAAC;AAEzD,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,OAAO,GAIR;IACC,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,UAAU,IACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,IAAI,EACb,WAAW,EAAC,wBAAwB,EACpC,QAAQ,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,OAAO,EAAE,EAAE,EACX,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,SAAS;oBAC1B,UAAU,EACR,8EAA8E;iBACjF,GACD,GACE,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/component-designer/ComponentRenderingEditor.d.ts

@@ -1 +0,0 @@
-export declare function ComponentRenderingEditor(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/component-designer/ComponentRenderingEditor.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Toolbar } from "../ui/Toolbar";
-import { ComponentRenderingCodeEditor } from "./ComponentRenderingCodeEditor";
-import { RenderingsDropdown } from "./RenderingsDropdown";
-import { useEditContext } from "../client/editContext";
-import { getSelectedComponents } from "../componentTreeHelper";
-import { Button } from "primereact/button";
-export function ComponentRenderingEditor() {
-    const context = useEditContext();
-    const [code, setCode] = useState("");
-    useEffect(() => {
-        async function loadRendering() {
-            const selectedComponents = getSelectedComponents(context);
-            if (selectedComponents.length !== 1) {
-                context;
-                return;
-            }
-            const component = selectedComponents[0];
-            const renderingId = component?.rendering?.id;
-            if (renderingId) {
-                const renderingItem = await context.itemsRepository.getItem({
-                    id: renderingId,
-                    language: "en",
-                    version: 0,
-                });
-                context?.setComponentDesignerRendering(renderingItem);
-            }
-            else {
-                context?.setComponentDesignerRendering(undefined);
-            }
-        }
-        loadRendering();
-    }, [context.selection]);
-    const codeField = context.componentDesignerRendering?.fields.find((x) => x.name === "code");
-    useEffect(() => {
-        if (codeField) {
-            setCode(codeField.value);
-        }
-        else {
-            setCode("");
-        }
-    }, [context.componentDesignerRendering]);
-    useEffect(() => {
-        const refresh = async () => {
-            if (context.componentDesignerRendering) {
-                const renderingItem = await context.itemsRepository.getItem({
-                    id: context.componentDesignerRendering.id,
-                    language: "en",
-                    version: 0,
-                });
-                context?.setComponentDesignerRendering(renderingItem);
-            }
-        };
-        refresh();
-    }, [context.refreshCompletedFlag]);
-    if (!context.componentDesignerComponent)
-        return (_jsx("div", { className: "flex items-center justify-center h-full text-xs", children: "Select a component" }));
-    else
-        return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs(Toolbar, { children: [_jsx(RenderingsDropdown, {}), _jsx(Button, { icon: "pi pi-fw pi-save", text: true, size: "small", disabled: !codeField, onClick: () => {
-                                if (!codeField)
-                                    return;
-                                context.operations.editField({
-                                    field: codeField.descriptor,
-                                    value: code,
-                                });
-                            } })] }), _jsxs("div", { className: "flex-1", children: [!codeField && (_jsx("div", { className: "flex items-center justify-center h-full text-xs", children: "Select a rendering" })), codeField && (_jsx(ComponentRenderingCodeEditor, { code: code, setCode: setCode }))] })] }));
-}
-//# sourceMappingURL=ComponentRenderingEditor.js.map

package/dist/editor/component-designer/ComponentRenderingEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentRenderingEditor.js","sourceRoot":"","sources":["../../../src/editor/component-designer/ComponentRenderingEditor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/component-designer/ComponentsDropdown.d.ts

@@ -1,4 +0,0 @@
-import { Component } from "../services/componentDesignerService";
-export declare function ComponentsDropdown({ allComponents, }: {
-    allComponents: Component[];
-}): import("react/jsx-runtime").JSX.Element | null;