eddev 0.2.66 → 0.2.67-beta1

package/admin/components/ImageWell.d.ts

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

package/admin/components/ImageWell.js

@@ -1,41 +1,30 @@
 "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;
-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");
+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");
 function ImageWell(props) {
     // @ts-ignore
-    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 () {
+    const acf = window.acf;
+    const [selectedImage, setSelectedImage] = (0, react_2.useState)(null);
+    const [imageIsLoading, setImageIsLoading] = (0, react_2.useState)(false);
+    (0, react_2.useEffect)(() => {
         if (props.value) {
-            var cancelled_1 = false;
+            let cancelled = false;
             setImageIsLoading(true);
             fetch("/wp-json/ed/v1/media/" + Number(props.value))
-                .then(function (response) { return response.json(); })
-                .then(function (image) {
-                if (cancelled_1)
+                .then((response) => response.json())
+                .then((image) => {
+                if (cancelled)
                     return;
                 setImageIsLoading(false);
                 setSelectedImage(image);
             });
-            return function () {
-                cancelled_1 = true;
+            return () => {
+                cancelled = true;
             };
         }
         else {
@@ -43,17 +32,16 @@ function ImageWell(props) {
             setImageIsLoading(false);
         }
     }, [props.value]);
-    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: {
+    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: {
                             width: size.width,
                             height: size.height,
-                        } }, { children: props.aspects &&
-                            props.aspects.map(function (aspect) {
-                                var _a;
-                                var x, y, width, height, originalAspect = 0, ownAspect = 0;
+                        }, children: props.aspects &&
+                            props.aspects.map((aspect) => {
+                                let x, y, width, height, originalAspect = 0, ownAspect = 0;
                                 try {
                                     ;
-                                    _a = aspect.split(/\s*\/\s*/), x = _a[0], y = _a[1];
+                                    [x, y] = aspect.split(/\s*\/\s*/);
                                     originalAspect = size.width / size.height;
                                     ownAspect = Number(x) / Number(y);
                                 }
@@ -63,13 +51,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);
-                            }) }), void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(NoSelection, { children: (0, jsx_runtime_1.jsx)(ChooseButton, __assign({ onClick: function (e) {
+                            }) })] })) : ((0, jsx_runtime_1.jsx)(NoSelection, { children: (0, jsx_runtime_1.jsx)(ChooseButton, { onClick: (e) => {
                         e.preventDefault();
                         (0, selectMedia_1.selectMedia)({
                             mode: "select",
                             type: "image",
                             title: "Select an image",
-                            select: function (selected) {
+                            select: (selected) => {
                                 if (selected) {
                                     props.onChange(selected.id);
                                 }
@@ -82,10 +70,10 @@ function ImageWell(props) {
                         //   attachment: [props.value],
                         //   select: (selected: any) => console.log("Selected", selected),
                         // })
-                    } }, { 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) {
+                    }, 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) => {
                                 e.preventDefault();
                                 props.onChange(null);
-                            } }, { 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) {
+                            }, children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-trash" }) }), (0, jsx_runtime_1.jsx)(ToolbarButton, { onClick: (e) => {
                                 e.preventDefault();
                                 (0, selectMedia_1.selectMedia)({
                                     mode: "edit",
@@ -93,13 +81,13 @@ function ImageWell(props) {
                                     attachment: Number(props.value),
                                     title: "Edit Image",
                                 });
-                            } }, { 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) {
+                            }, children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-edit" }) }), selectedImage && ((0, jsx_runtime_1.jsx)(ToolbarButton, { onClick: (e) => {
                                 e.preventDefault();
                                 window.open(selectedImage.url);
-                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-external" }, void 0) }), void 0))] }, void 0)) : null }, void 0)] }), void 0));
+                            }, children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-external" }) }))] })) : null })] }));
 }
 exports.ImageWell = ImageWell;
-var Wrapper = (0, react_1.styled)("div", {
+const Wrapper = (0, react_1.styled)("div", {
     position: "relative",
     display: "block",
     width: "100%",
@@ -113,7 +101,7 @@ var Wrapper = (0, react_1.styled)("div", {
         },
     },
 });
-var ImageContainer = (0, react_1.styled)("div", {
+const ImageContainer = (0, react_1.styled)("div", {
     margin: "4px",
     display: "block",
     position: "relative",
@@ -122,7 +110,7 @@ var ImageContainer = (0, react_1.styled)("div", {
         display: "block",
     },
 });
-var spin = (0, react_1.keyframes)({
+const spin = (0, react_1.keyframes)({
     from: {
         transform: "rotate(0deg)",
     },
@@ -130,22 +118,22 @@ var spin = (0, react_1.keyframes)({
         transform: "rotate(360deg)",
     },
 });
-var Spinner = (0, react_1.styled)("div", {
+const Spinner = (0, react_1.styled)("div", {
     display: "block",
     width: "16px",
     height: "16px",
     borderRadius: "100px",
     border: "4px solid transparent",
     borderTopColor: "currentColor",
-    animation: "".concat(spin, " 0.5s linear infinite"),
+    animation: `${spin} 0.5s linear infinite`,
 });
-var Loading = (0, react_1.styled)("div", {
+const Loading = (0, react_1.styled)("div", {
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     padding: "10px",
 });
-var Toolbar = (0, react_1.styled)("div", {
+const Toolbar = (0, react_1.styled)("div", {
     position: "absolute",
     top: "0",
     right: "6px",
@@ -155,7 +143,7 @@ var Toolbar = (0, react_1.styled)("div", {
     flexDirection: "column",
     justifyContent: "center",
 });
-var ToolbarButton = (0, react_1.styled)("button", {
+const ToolbarButton = (0, react_1.styled)("button", {
     width: "24px",
     height: "24px",
     fontSize: "12px",
@@ -174,12 +162,12 @@ var ToolbarButton = (0, react_1.styled)("button", {
 ToolbarButton.defaultProps = {
     className: "dashicons",
 };
-var NoSelection = (0, react_1.styled)("div", {
+const NoSelection = (0, react_1.styled)("div", {
     display: "flex",
     justifyContent: "center",
     padding: "10px 0px",
 });
-var ChooseButton = (0, react_1.styled)("button", {
+const ChooseButton = (0, react_1.styled)("button", {
     appearance: "none",
     border: "0px",
     background: "#f6f6f6",
@@ -188,7 +176,7 @@ var ChooseButton = (0, react_1.styled)("button", {
     borderRadius: "100px",
     cursor: "pointer",
 });
-var AspectWrapper = (0, react_1.styled)("div", {
+const AspectWrapper = (0, react_1.styled)("div", {
     position: "absolute",
     left: 0,
     top: 0,
@@ -200,7 +188,7 @@ var AspectWrapper = (0, react_1.styled)("div", {
         opacity: 1,
     },
 });
-var AspectDisplay = (0, react_1.styled)("div", {
+const 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 declare type FieldProps<T> = {
+export type FieldProps<T> = {
     value: T;
     onChange: (value: T) => void;
     settings: {
         [key: string]: any;
     };
 };
-export declare type FieldTypeDefinition<T> = {
+export 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";
-declare type WidgetProps = {
+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: name,
-        component: component,
+        name,
+        component,
     };
 }
 exports.defineWidget = defineWidget;

package/admin/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/admin/installFieldTypes.js

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

package/admin/runWidgets.js

@@ -1,51 +1,40 @@
 "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;
-var jsx_runtime_1 = require("react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-ignore
-var widgets_1 = __importDefault(require("@manifest/widgets"));
-var client_1 = require("react-dom/client");
+const widgets_1 = __importDefault(require("@manifest/widgets"));
+const client_1 = require("react-dom/client");
 function runWidgets() {
-    var elements = document.querySelectorAll("[data-widget]");
+    const elements = document.querySelectorAll("[data-widget]");
     console.log("Running widgets", elements, widgets_1.default);
-    elements.forEach(function (el) {
+    elements.forEach((el) => {
         if (el instanceof HTMLElement) {
-            var data = el.dataset;
-            var name_1 = data["widget"];
-            var type = widgets_1.default.find(function (item) { return item.name === name_1; });
+            const data = el.dataset;
+            const name = data["widget"];
+            const type = widgets_1.default.find((item) => item.name === name);
             if (type) {
-                var props_1 = {
+                const props = {
                     element: el,
                     dataset: data,
                 };
-                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));
+                const root = (0, client_1.createRoot)(el);
+                const renderWithComponent = (Component) => {
+                    root.render((0, jsx_runtime_1.jsx)(Component, { ...props }));
                 };
-                renderWithComponent_1(type.component);
+                renderWithComponent(type.component);
                 // @ts-ignore
                 if (import.meta.webpackHot) {
                     // @ts-ignore
-                    import.meta.webpackHot.accept([require.resolve("@manifest/widgets")], function () {
+                    import.meta.webpackHot.accept([require.resolve("@manifest/widgets")], () => {
                         console.log("Widgets mani");
-                        var updateWidgets = require("@manifest/widgets").default;
-                        var type = updateWidgets.find(function (item) { return item.name === name_1; });
+                        const updateWidgets = require("@manifest/widgets").default;
+                        const type = updateWidgets.find((item) => item.name === name);
                         if (type) {
-                            renderWithComponent_1(type.component);
+                            renderWithComponent(type.component);
                         }
                     });
                 }

package/admin/selectMedia.d.ts

@@ -1,4 +1,4 @@
-declare type Attachment = {
+type Attachment = {
     id: number;
     filename: string;
     mime: string;
@@ -15,7 +15,7 @@ declare type Attachment = {
         };
     };
 };
-declare type MediaPopupArgs = {
+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
-    var acf = window.acf;
+    const acf = window.acf;
     return acf.newMediaPopup(args);
 }
 exports.selectMedia = selectMedia;

package/blocks/ContentBlocks.d.ts

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