eddev 0.2.67-beta1 → 0.3.0-beta2

package/admin/components/ImageWell.d.ts

@@ -1,9 +1,9 @@
-type Props = {
+declare type Props = {
     previewSize: string;
     aspects: string[];
     value: number | null | undefined;
     noBorder?: boolean;
     onChange: (value: number | null) => void;
 };
-export declare function ImageWell(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ImageWell(props: Props): JSX.Element;
 export {};

package/admin/components/ImageWell.js

@@ -1,30 +1,41 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageWell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@stitches/react");
-const react_2 = require("react");
-const selectMedia_1 = require("../selectMedia");
-const react_use_1 = require("react-use");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@stitches/react");
+var react_2 = require("react");
+var selectMedia_1 = require("../selectMedia");
+var react_use_1 = require("react-use");
 function ImageWell(props) {
     // @ts-ignore
-    const acf = window.acf;
-    const [selectedImage, setSelectedImage] = (0, react_2.useState)(null);
-    const [imageIsLoading, setImageIsLoading] = (0, react_2.useState)(false);
-    (0, react_2.useEffect)(() => {
+    var acf = window.acf;
+    var _a = (0, react_2.useState)(null), selectedImage = _a[0], setSelectedImage = _a[1];
+    var _b = (0, react_2.useState)(false), imageIsLoading = _b[0], setImageIsLoading = _b[1];
+    (0, react_2.useEffect)(function () {
         if (props.value) {
-            let cancelled = false;
+            var cancelled_1 = false;
             setImageIsLoading(true);
             fetch("/wp-json/ed/v1/media/" + Number(props.value))
-                .then((response) => response.json())
-                .then((image) => {
-                if (cancelled)
+                .then(function (response) { return response.json(); })
+                .then(function (image) {
+                if (cancelled_1)
                     return;
                 setImageIsLoading(false);
                 setSelectedImage(image);
             });
-            return () => {
-                cancelled = true;
+            return function () {
+                cancelled_1 = true;
             };
         }
         else {
@@ -32,16 +43,17 @@ function ImageWell(props) {
             setImageIsLoading(false);
         }
     }, [props.value]);
-    const [imgRef, size] = (0, react_use_1.useMeasure)();
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { noBorder: props.noBorder, children: [imageIsLoading ? ((0, jsx_runtime_1.jsx)(Loading, { children: (0, jsx_runtime_1.jsx)(Spinner, {}) })) : selectedImage ? ((0, jsx_runtime_1.jsxs)(ImageContainer, { children: [(0, jsx_runtime_1.jsx)("img", { ref: imgRef, src: selectedImage.sizes[props.previewSize] || selectedImage.sizes["thumbnail"] }), (0, jsx_runtime_1.jsx)(AspectWrapper, { css: {
+    var _c = (0, react_use_1.useMeasure)(), imgRef = _c[0], size = _c[1];
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ noBorder: props.noBorder }, { children: [imageIsLoading ? ((0, jsx_runtime_1.jsx)(Loading, { children: (0, jsx_runtime_1.jsx)(Spinner, {}, void 0) }, void 0)) : selectedImage ? ((0, jsx_runtime_1.jsxs)(ImageContainer, { children: [(0, jsx_runtime_1.jsx)("img", { ref: imgRef, src: selectedImage.sizes[props.previewSize] || selectedImage.sizes["thumbnail"] }, void 0), (0, jsx_runtime_1.jsx)(AspectWrapper, __assign({ css: {
                             width: size.width,
                             height: size.height,
-                        }, children: props.aspects &&
-                            props.aspects.map((aspect) => {
-                                let x, y, width, height, originalAspect = 0, ownAspect = 0;
+                        } }, { children: props.aspects &&
+                            props.aspects.map(function (aspect) {
+                                var _a;
+                                var x, y, width, height, originalAspect = 0, ownAspect = 0;
                                 try {
                                     ;
-                                    [x, y] = aspect.split(/\s*\/\s*/);
+                                    _a = aspect.split(/\s*\/\s*/), x = _a[0], y = _a[1];
                                     originalAspect = size.width / size.height;
                                     ownAspect = Number(x) / Number(y);
                                 }
@@ -51,13 +63,13 @@ function ImageWell(props) {
                                 width = ownAspect > originalAspect ? size.width : size.height * ownAspect;
                                 height = ownAspect > originalAspect ? size.width / ownAspect : size.height;
                                 return (0, jsx_runtime_1.jsx)(AspectDisplay, { style: { width: width + "px", height: height + "px" } }, aspect);
-                            }) })] })) : ((0, jsx_runtime_1.jsx)(NoSelection, { children: (0, jsx_runtime_1.jsx)(ChooseButton, { onClick: (e) => {
+                            }) }), void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(NoSelection, { children: (0, jsx_runtime_1.jsx)(ChooseButton, __assign({ onClick: function (e) {
                         e.preventDefault();
                         (0, selectMedia_1.selectMedia)({
                             mode: "select",
                             type: "image",
                             title: "Select an image",
-                            select: (selected) => {
+                            select: function (selected) {
                                 if (selected) {
                                     props.onChange(selected.id);
                                 }
@@ -70,10 +82,10 @@ function ImageWell(props) {
                         //   attachment: [props.value],
                         //   select: (selected: any) => console.log("Selected", selected),
                         // })
-                    }, children: "Choose an image" }) })), (0, jsx_runtime_1.jsx)(Toolbar, { children: selectedImage || imageIsLoading ? ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToolbarButton, { onClick: (e) => {
+                    } }, { children: "Choose an image" }), void 0) }, void 0)), (0, jsx_runtime_1.jsx)(Toolbar, { children: selectedImage || imageIsLoading ? ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToolbarButton, __assign({ onClick: function (e) {
                                 e.preventDefault();
                                 props.onChange(null);
-                            }, children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-trash" }) }), (0, jsx_runtime_1.jsx)(ToolbarButton, { onClick: (e) => {
+                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-trash" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(ToolbarButton, __assign({ onClick: function (e) {
                                 e.preventDefault();
                                 (0, selectMedia_1.selectMedia)({
                                     mode: "edit",
@@ -81,13 +93,13 @@ function ImageWell(props) {
                                     attachment: Number(props.value),
                                     title: "Edit Image",
                                 });
-                            }, children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-edit" }) }), selectedImage && ((0, jsx_runtime_1.jsx)(ToolbarButton, { onClick: (e) => {
+                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-edit" }, void 0) }), void 0), selectedImage && ((0, jsx_runtime_1.jsx)(ToolbarButton, __assign({ onClick: function (e) {
                                 e.preventDefault();
                                 window.open(selectedImage.url);
-                            }, children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-external" }) }))] })) : null })] }));
+                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-external" }, void 0) }), void 0))] }, void 0)) : null }, void 0)] }), void 0));
 }
 exports.ImageWell = ImageWell;
-const Wrapper = (0, react_1.styled)("div", {
+var Wrapper = (0, react_1.styled)("div", {
     position: "relative",
     display: "block",
     width: "100%",
@@ -101,7 +113,7 @@ const Wrapper = (0, react_1.styled)("div", {
         },
     },
 });
-const ImageContainer = (0, react_1.styled)("div", {
+var ImageContainer = (0, react_1.styled)("div", {
     margin: "4px",
     display: "block",
     position: "relative",
@@ -110,7 +122,7 @@ const ImageContainer = (0, react_1.styled)("div", {
         display: "block",
     },
 });
-const spin = (0, react_1.keyframes)({
+var spin = (0, react_1.keyframes)({
     from: {
         transform: "rotate(0deg)",
     },
@@ -118,22 +130,22 @@ const spin = (0, react_1.keyframes)({
         transform: "rotate(360deg)",
     },
 });
-const Spinner = (0, react_1.styled)("div", {
+var Spinner = (0, react_1.styled)("div", {
     display: "block",
     width: "16px",
     height: "16px",
     borderRadius: "100px",
     border: "4px solid transparent",
     borderTopColor: "currentColor",
-    animation: `${spin} 0.5s linear infinite`,
+    animation: "".concat(spin, " 0.5s linear infinite"),
 });
-const Loading = (0, react_1.styled)("div", {
+var Loading = (0, react_1.styled)("div", {
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     padding: "10px",
 });
-const Toolbar = (0, react_1.styled)("div", {
+var Toolbar = (0, react_1.styled)("div", {
     position: "absolute",
     top: "0",
     right: "6px",
@@ -143,7 +155,7 @@ const Toolbar = (0, react_1.styled)("div", {
     flexDirection: "column",
     justifyContent: "center",
 });
-const ToolbarButton = (0, react_1.styled)("button", {
+var ToolbarButton = (0, react_1.styled)("button", {
     width: "24px",
     height: "24px",
     fontSize: "12px",
@@ -162,12 +174,12 @@ const ToolbarButton = (0, react_1.styled)("button", {
 ToolbarButton.defaultProps = {
     className: "dashicons",
 };
-const NoSelection = (0, react_1.styled)("div", {
+var NoSelection = (0, react_1.styled)("div", {
     display: "flex",
     justifyContent: "center",
     padding: "10px 0px",
 });
-const ChooseButton = (0, react_1.styled)("button", {
+var ChooseButton = (0, react_1.styled)("button", {
     appearance: "none",
     border: "0px",
     background: "#f6f6f6",
@@ -176,7 +188,7 @@ const ChooseButton = (0, react_1.styled)("button", {
     borderRadius: "100px",
     cursor: "pointer",
 });
-const AspectWrapper = (0, react_1.styled)("div", {
+var AspectWrapper = (0, react_1.styled)("div", {
     position: "absolute",
     left: 0,
     top: 0,
@@ -188,7 +200,7 @@ const AspectWrapper = (0, react_1.styled)("div", {
         opacity: 1,
     },
 });
-const AspectDisplay = (0, react_1.styled)("div", {
+var AspectDisplay = (0, react_1.styled)("div", {
     position: "absolute",
     border: "1px solid white",
     left: "50%",

package/admin/defineField.d.ts

@@ -1,12 +1,12 @@
 import { ReactElement } from "react";
-export type FieldProps<T> = {
+export declare type FieldProps<T> = {
     value: T;
     onChange: (value: T) => void;
     settings: {
         [key: string]: any;
     };
 };
-export type FieldTypeDefinition<T> = {
+export declare type FieldTypeDefinition<T> = {
     render: (props: FieldProps<T>) => ReactElement;
     defaultValue?: T;
     validate?: (value: T) => boolean | string;

package/admin/defineWidget.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from "react";
-type WidgetProps = {
+declare type WidgetProps = {
     element: HTMLElement;
     dataset: DOMStringMap;
 };

package/admin/defineWidget.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineWidget = void 0;
 function defineWidget(name, component) {
     return {
-        name,
-        component,
+        name: name,
+        component: component,
     };
 }
 exports.defineWidget = defineWidget;

package/admin/index.js

@@ -1,11 +1,7 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/admin/installFieldTypes.js

@@ -1,11 +1,7 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,34 +23,38 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.installFieldTypes = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+var jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-ignore
-const fields_1 = __importDefault(require("@manifest/fields"));
-const ReactDOM = __importStar(require("react-dom"));
-const react_1 = require("react");
+var fields_1 = __importDefault(require("@manifest/fields"));
+var ReactDOM = __importStar(require("react-dom"));
+var react_1 = require("react");
 function installFieldTypes() {
     // @ts-ignore
-    const acf = window.acf;
-    for (const name in fields_1.default) {
-        const type = fields_1.default[name];
-        const Component = type.render;
-        const init = (field) => {
+    var acf = window.acf;
+    var _loop_1 = function (name_1) {
+        var type = fields_1.default[name_1];
+        var Component = type.render;
+        var init = function (field) {
             console.log("Field is", field);
-            const { $el, cid, data } = field;
-            const input = $el.find("input[type='hidden']");
-            const container = document.createElement("div");
+            var $el = field.$el, cid = field.cid, data = field.data;
+            var input = $el.find("input[type='hidden']");
+            var container = document.createElement("div");
             $el.append(container);
-            ReactDOM.render((0, jsx_runtime_1.jsx)(FieldWrapper, { defaultValue: type.defaultValue, validate: type.validate, field: data, input: input[0], settings: input.data("settings"), Component: Component }), container);
+            ReactDOM.render((0, jsx_runtime_1.jsx)(FieldWrapper, { defaultValue: type.defaultValue, validate: type.validate, field: data, input: input[0], settings: input.data("settings"), Component: Component }, void 0), container);
         };
-        acf.addAction("ready_field/type=" + name, init);
-        acf.addAction("append_field/type=" + name, init);
+        acf.addAction("ready_field/type=" + name_1, init);
+        acf.addAction("append_field/type=" + name_1, init);
+    };
+    for (var name_1 in fields_1.default) {
+        _loop_1(name_1);
     }
 }
 exports.installFieldTypes = installFieldTypes;
-function FieldWrapper({ input, defaultValue, Component, settings }) {
-    const [value, setValue] = (0, react_1.useState)(() => (input.value ? JSON.parse(input.value) : null) ?? defaultValue);
-    const [valueChanged, setValueChanged] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
+function FieldWrapper(_a) {
+    var input = _a.input, defaultValue = _a.defaultValue, Component = _a.Component, settings = _a.settings;
+    var _b = (0, react_1.useState)(function () { var _a; return (_a = (input.value ? JSON.parse(input.value) : null)) !== null && _a !== void 0 ? _a : defaultValue; }), value = _b[0], setValue = _b[1];
+    var _c = (0, react_1.useState)(false), valueChanged = _c[0], setValueChanged = _c[1];
+    (0, react_1.useEffect)(function () {
         input.value = JSON.stringify(value);
         if (valueChanged) {
             try {
@@ -65,8 +65,8 @@ function FieldWrapper({ input, defaultValue, Component, settings }) {
             setValueChanged(false);
         }
     }, [value, valueChanged]);
-    return ((0, jsx_runtime_1.jsx)(Component, { value: value, onChange: (value) => {
+    return ((0, jsx_runtime_1.jsx)(Component, { value: value, onChange: function (value) {
             setValue(value);
             setValueChanged(true);
-        }, settings: settings }));
+        }, settings: settings }, void 0));
 }

package/admin/runWidgets.js

@@ -1,40 +1,51 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runWidgets = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+var jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-ignore
-const widgets_1 = __importDefault(require("@manifest/widgets"));
-const client_1 = require("react-dom/client");
+var widgets_1 = __importDefault(require("@manifest/widgets"));
+var client_1 = require("react-dom/client");
 function runWidgets() {
-    const elements = document.querySelectorAll("[data-widget]");
+    var elements = document.querySelectorAll("[data-widget]");
     console.log("Running widgets", elements, widgets_1.default);
-    elements.forEach((el) => {
+    elements.forEach(function (el) {
         if (el instanceof HTMLElement) {
-            const data = el.dataset;
-            const name = data["widget"];
-            const type = widgets_1.default.find((item) => item.name === name);
+            var data = el.dataset;
+            var name_1 = data["widget"];
+            var type = widgets_1.default.find(function (item) { return item.name === name_1; });
             if (type) {
-                const props = {
+                var props_1 = {
                     element: el,
                     dataset: data,
                 };
-                const root = (0, client_1.createRoot)(el);
-                const renderWithComponent = (Component) => {
-                    root.render((0, jsx_runtime_1.jsx)(Component, { ...props }));
+                var root_1 = (0, client_1.createRoot)(el);
+                var renderWithComponent_1 = function (Component) {
+                    root_1.render((0, jsx_runtime_1.jsx)(Component, __assign({}, props_1), void 0));
                 };
-                renderWithComponent(type.component);
+                renderWithComponent_1(type.component);
                 // @ts-ignore
                 if (import.meta.webpackHot) {
                     // @ts-ignore
-                    import.meta.webpackHot.accept([require.resolve("@manifest/widgets")], () => {
+                    import.meta.webpackHot.accept([require.resolve("@manifest/widgets")], function () {
                         console.log("Widgets mani");
-                        const updateWidgets = require("@manifest/widgets").default;
-                        const type = updateWidgets.find((item) => item.name === name);
+                        var updateWidgets = require("@manifest/widgets").default;
+                        var type = updateWidgets.find(function (item) { return item.name === name_1; });
                         if (type) {
-                            renderWithComponent(type.component);
+                            renderWithComponent_1(type.component);
                         }
                     });
                 }

package/admin/selectMedia.d.ts

@@ -1,4 +1,4 @@
-type Attachment = {
+declare type Attachment = {
     id: number;
     filename: string;
     mime: string;
@@ -15,7 +15,7 @@ type Attachment = {
         };
     };
 };
-type MediaPopupArgs = {
+declare type MediaPopupArgs = {
     mode?: "select" | "edit";
     type?: string;
     title?: string;

package/admin/selectMedia.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectMedia = void 0;
 function selectMedia(args) {
     // @ts-ignore
-    const acf = window.acf;
+    var acf = window.acf;
     return acf.newMediaPopup(args);
 }
 exports.selectMedia = selectMedia;

package/blocks/ContentBlocks.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-export type ContentBlock<T extends keyof BlockProps | string = any> = {
+export declare type ContentBlock<T extends keyof BlockProps | string = any> = {
     attrs: any;
     blockName: T;
     props: BlockProps extends keyof BlockProps ? BlockProps[T] : any;
@@ -9,7 +9,7 @@ export type ContentBlock<T extends keyof BlockProps | string = any> = {
     rule: string;
     inline: any;
 };
-type BlocksContext = {
+declare type BlocksContext = {
     ancestors: ContentBlock[];
     parent?: ContentBlock;
     prev?: ContentBlock;
@@ -17,7 +17,7 @@ type BlocksContext = {
     current: ContentBlock;
 };
 export declare const BlocksContext: import("react").Context<BlocksContext | undefined>;
-export type ContentBlocksSettings = {
+export declare type ContentBlocksSettings = {
     wrapBlock?: (child: ReactElement, ctx: BlocksContext) => ReactElement;
     spacer?: (ctx: {
         ancestors: ContentBlock[];
@@ -26,14 +26,14 @@ export type ContentBlocksSettings = {
         next: ContentBlock | null;
     }) => ReactElement | null;
 };
-type Props = {
+declare type Props = {
     blocks: ContentBlock[];
 } & ContentBlocksSettings;
-export type GenericBlockProps = {
+export declare type GenericBlockProps = {
     innerHTML?: string;
     innerContent?: string[];
     innerBlocks?: ContentBlock[];
     children: ReactElement | null;
 };
-export declare function ContentBlocks(props: Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function ContentBlocks(props: Props): JSX.Element | null;
 export {};