@webflow/webflow-cli 1.0.0

package/dist/devlink-engine/_Builtin/Basic.js

@@ -0,0 +1,100 @@
+import * as React from "react";
+import * as utils from "../utils";
+export function Block({ tag = "div", ...props }) {
+    return React.createElement(tag, props);
+}
+export function Span(props) {
+    return React.createElement("span", { ...props });
+}
+export function Blockquote(props) {
+    return React.createElement("blockquote", { ...props });
+}
+export const Link = React.forwardRef(function Link({ options = { href: "#" }, className = "", button = false, ...props }, ref) {
+    if (button)
+        className += " w-button";
+    const { href, target, preload = "none" } = options;
+    const shouldRenderResource = preload !== "none" && typeof href === "string" && !href.startsWith("#");
+    return (React.createElement(React.Fragment, null,
+        React.createElement("a", { href: href, target: target, className: className, ref: ref, ...props }),
+        shouldRenderResource && React.createElement("link", { rel: preload, href: href })));
+});
+export function List({ tag = "ul", unstyled = true, className = "", ...props }) {
+    return React.createElement(tag, {
+        role: "list",
+        className: className + (unstyled ? " w-list-unstyled" : ""),
+        ...props,
+    });
+}
+export function ListItem(props) {
+    return React.createElement("li", props);
+}
+export function Image(props) {
+    return React.createElement("img", props);
+}
+export function Section({ tag = "section", ...props }) {
+    return React.createElement(tag, props);
+}
+export const Container = React.forwardRef(function Container({ tag = "div", className = "", ...props }, ref) {
+    return React.createElement(tag, {
+        className: className + " w-container",
+        ref,
+        ...props,
+    });
+});
+export function HtmlEmbed({ tag = "div", className = "", value = "", ...props }) {
+    return React.createElement(tag, {
+        className: className + " w-embed",
+        dangerouslySetInnerHTML: { __html: utils.removeUnescaped(value) },
+        ...props,
+    });
+}
+export function Grid({ tag = "div", className = "", ...props }) {
+    return React.createElement(tag, {
+        className: className + " w-layout-grid",
+        ...props,
+    });
+}
+export function Icon({ widget, className = "", ...props }) {
+    return React.createElement("div", {
+        className: className + ` w-icon-${widget.icon}`,
+        ...props,
+    });
+}
+export function Column({ tag = "div", className = "", columnClasses = "", grid: _, ...props }) {
+    return React.createElement(tag, {
+        className: className + " w-col " + columnClasses,
+        ...props,
+    });
+}
+const transformWidths = (width, index) => {
+    const widths = width?.split("|") ?? [];
+    return widths.length > 1 ? widths[index] : width;
+};
+const columnClass = (width, key) => {
+    if (/stack$/.test(width))
+        return "w-col-stack";
+    if (/main$/.test(key))
+        return `w-col-${width}`;
+    return `w-col-${key}-${width}`;
+};
+export function Row({ tag = "div", className = "", grid, children, ...props }) {
+    return React.createElement(tag, { className: className + " w-row", ...props }, grid
+        ? React.Children.map(children, (child, index) => {
+            if (child && typeof child === "object" && child.type !== Column)
+                return child;
+            const columnClasses = Object.entries(grid.cols ?? {}).reduce((acc, [key, value]) => {
+                const width = transformWidths(value === "custom" ? "6|6" : value, index);
+                acc.add(width ? columnClass(width, key) : "");
+                return acc;
+            }, new Set());
+            return React.cloneElement(child, {
+                // @ts-ignore
+                columnClasses: [...columnClasses].join(" "),
+                ...child.props,
+            });
+        })
+        : children);
+}
+export function NotSupported({ _atom = "" }) {
+    return React.createElement("div", null, `This builtin is not currently supported: ${_atom}`);
+}

package/dist/devlink-engine/_Builtin/Dropdown.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { LinkProps } from "./Basic";
+type DropdownProps = React.PropsWithChildren<{
+    tag?: keyof HTMLElementTagNameMap;
+    className?: string;
+}>;
+type DropdownWrapperProps = DropdownProps & {
+    children: React.ReactElement<DropdownToggleProps | DropdownListProps>;
+};
+export declare function DropdownWrapper(props: DropdownWrapperProps): JSX.Element;
+type DropdownToggleProps = DropdownProps;
+export declare function DropdownToggle({ tag, className, ...props }: DropdownToggleProps): React.DetailedReactHTMLElement<{
+    "aria-haspopup": "menu";
+    "aria-expanded": boolean;
+    className: string;
+    onClick: () => void;
+    children?: React.ReactNode;
+}, HTMLElement>;
+type DropdownListProps = DropdownProps & {
+    children: React.ReactElement<DropdownLinkProps> | React.ReactElement<DropdownLinkProps>[];
+};
+export declare function DropdownList({ tag, className, ...props }: DropdownListProps): React.DetailedReactHTMLElement<{
+    className: string;
+    children: React.ReactNode & (React.ReactElement<DropdownLinkProps, string | React.JSXElementConstructor<any>> | React.ReactElement<DropdownLinkProps, string | React.JSXElementConstructor<any>>[]);
+}, HTMLElement>;
+type DropdownLinkProps = DropdownProps & LinkProps;
+export declare function DropdownLink({ className, ...props }: DropdownLinkProps): React.FunctionComponentElement<import("./Basic").ElementProps<"a"> & {
+    options?: {
+        href: string;
+        target?: "_self" | "_blank" | undefined;
+        preload?: "prerender" | "prefetch" | "none" | undefined;
+    } | undefined;
+    className?: string | undefined;
+    button?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>>;
+export {};

package/dist/devlink-engine/_Builtin/Dropdown.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { cj } from "../utils";
+import { Link } from "./Basic";
+import { NavbarContext } from "./Navbar";
+const DropdownContext = React.createContext({
+    isOpen: false,
+    toggleOpen: () => { },
+});
+export function DropdownWrapper(props) {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const toggleOpen = () => setIsOpen((isOpen) => !isOpen);
+    return (React.createElement(DropdownContext.Provider, { value: { isOpen, toggleOpen } },
+        React.createElement(Dropdown, { ...props })));
+}
+function Dropdown({ tag = "div", className = "", ...props }) {
+    const { isOpen: isNavbarOpen } = React.useContext(NavbarContext);
+    return React.createElement(tag, {
+        ...props,
+        className: cj(className, "w-dropdown", isNavbarOpen && "w--nav-dropdown-open"),
+    });
+}
+export function DropdownToggle({ tag = "div", className = "", ...props }) {
+    const { isOpen, toggleOpen } = React.useContext(DropdownContext);
+    const { isOpen: isNavbarOpen } = React.useContext(NavbarContext);
+    return React.createElement(tag, {
+        ...props,
+        "aria-haspopup": "menu",
+        "aria-expanded": isOpen,
+        className: cj(className, "w-dropdown-toggle", isNavbarOpen && "w--nav-dropdown-toggle-open"),
+        onClick: toggleOpen,
+    });
+}
+export function DropdownList({ tag = "nav", className = "", ...props }) {
+    const { isOpen } = React.useContext(DropdownContext);
+    const { isOpen: isNavbarOpen } = React.useContext(NavbarContext);
+    return React.createElement(tag, {
+        ...props,
+        className: cj(className, "w-dropdown-list", isOpen && "w--open", isNavbarOpen && "w--nav-dropdown-list-open"),
+    });
+}
+export function DropdownLink({ className = "", ...props }) {
+    const { isOpen: isNavbarOpen } = React.useContext(NavbarContext);
+    return React.createElement(Link, {
+        ...props,
+        className: cj(className, "w-dropdown-link", isNavbarOpen && "w--nav-link-open"),
+    });
+}

package/dist/devlink-engine/_Builtin/Facebook.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+type FacebookProps = React.PropsWithChildren<{
+    className?: string;
+    layout?: string;
+    width?: number;
+    height?: number;
+    url?: string;
+    locale?: string;
+}>;
+export declare function Facebook({ className, layout, width, height, url, locale, ...props }: FacebookProps): JSX.Element;
+export {};

package/dist/devlink-engine/_Builtin/Facebook.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { isUrl } from "../utils";
+export function Facebook({ className = "", layout = "standard", width = 250, height = 50, url = "https://facebook.com/webflow", locale = "en_US", ...props }) {
+    if (!isUrl(url)) {
+        url = "https://facebook.com/webflow";
+    }
+    if (!/^http/.test(url)) {
+        url = "http://" + url;
+    }
+    const params = {
+        href: url,
+        layout: layout,
+        locale: locale,
+        action: "like",
+        show_faces: "false",
+        share: "false",
+    };
+    const queryParams = Object.keys(params).map((key) => `${key}=${encodeURIComponent(params[key])}`);
+    const frameSrc = `https://www.facebook.com/plugins/like.php?${queryParams.join("&")}`;
+    return (React.createElement("div", { ...props, className: className + " w-widget w-widget-facebook" },
+        React.createElement("iframe", { title: "Facebook Like Button", src: frameSrc, style: { border: "none", overflow: "hidden", width, height } })));
+}