eddev 0.3.35 → 2.0.0-beta.1

package/dev-ui/components/atoms/Button.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-var theme_1 = require("../../theme");
-exports.Button = (0, theme_1.styled)("button", {
-    appearance: "none",
-    border: "0px",
-    $$bg: "$colors$bg",
-    $$fg: "$colors$fg",
-    $$bgHover: "$colors$bgHover",
-    background: "$$bg",
-    color: "$$fg",
-    borderRadius: "100px",
-    whiteSpace: "nowrap",
-    padding: "4px 8px",
-    display: "flex",
-    alignItems: "center",
-    cursor: "pointer",
-    boxSizing: "border-box",
-    height: "$space$buttonHeight",
-    pointerEvents: "all",
-    fontSize: "$sm",
-    "&:hover": {
-        backgroundColor: "$$bgHover",
-    },
-    svg: {
-        display: "block",
-        fill: "currentColor",
-        marginRight: "5px",
-        width: "14px",
-        height: "14px",
-    },
-    variants: {
-        state: {
-            active: {},
-            inactive: {
-                $$fg: "$colors$fgFaded",
-            },
-        },
-        color: {
-            black: {
-                $$bg: "$colors$bg",
-                $$fg: "$colors$fg",
-                $$bgHover: "$colors$bgHover",
-            },
-            default: {
-                $$bg: "$colors$button",
-                $$fg: "$colors$fg",
-                $$bgHover: "$colors$buttonHover",
-            },
-        },
-        small: {
-            true: {
-                height: "$space$smallButtonHeight",
-            },
-        },
-        tiny: {
-            true: {
-                height: "10px",
-                fontSize: "10px",
-            },
-        },
-    },
-    defaultVariants: {
-        color: "default",
-    },
-});

package/dev-ui/components/atoms/Dropdown.d.ts

@@ -1,13 +0,0 @@
-import { PropsWithChildren, ReactNode } from "react";
-declare type MenuItem = {
-    icon?: ReactNode;
-    label: string;
-    onClick: () => void;
-};
-declare type Props = PropsWithChildren<{
-    items: MenuItem[];
-    mono?: boolean;
-    offset?: number;
-}>;
-export declare function Tooltip(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dev-ui/components/atoms/Dropdown.js

@@ -1,50 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var theme_1 = require("../../theme");
-function Tooltip(props) {
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(MenuWrapper, { css: { $$offset: (typeof props.offset === "number" ? props.offset : 5) + "px" }, mono: props.mono }, void 0), props.children] }, void 0));
-}
-exports.Tooltip = Tooltip;
-var MenuWrapper = (0, theme_1.styled)("div", {
-    position: "absolute",
-    bottom: "calc(100% + $$offset)",
-    left: "50%",
-    transform: "translateX(-50%)",
-    backgroundColor: "$fg",
-    color: "$bg",
-    borderRadius: "100px",
-    fontSize: "$sm",
-    padding: "3px 10px",
-    opacity: 0,
-    pointerEvents: "none",
-    whiteSpace: "nowrap",
-    "&:after": {
-        backgroundColor: "inherit",
-        content: '" "',
-        width: "5px",
-        height: "5px",
-        display: "block",
-        position: "absolute",
-        top: "0%",
-        left: "50%",
-        transform: "translate(-50%, -50%) rotate(45deg)",
-    },
-    variants: {
-        mono: {
-            true: {
-                fontFamily: "$mono",
-            },
-        },
-    },
-});
-var Wrapper = (0, theme_1.styled)("div", {
-    position: "relative",
-    "&:hover": (_a = {},
-        _a[MenuWrapper.toString()] = {
-            opacity: 1,
-        },
-        _a),
-});

package/dev-ui/components/atoms/NumberField.d.ts

@@ -1,11 +0,0 @@
-declare type Props = {
-    prefix?: string;
-    suffix?: string;
-    value: number;
-    onChange: (value: number) => void;
-    faded?: boolean;
-    increment: number;
-    tabIndex?: number;
-};
-export declare function NumberField(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dev-ui/components/atoms/NumberField.js

@@ -1,111 +0,0 @@
-"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.NumberField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var theme_1 = require("../../theme");
-function NumberField(props) {
-    var ref = (0, react_1.useRef)(null);
-    var _a = (0, react_1.useState)(false), focused = _a[0], setFocused = _a[1];
-    var _b = (0, react_1.useState)(props.value), value = _b[0], setValue = _b[1];
-    var focusAll = function () {
-        var range = document.createRange();
-        range.selectNodeContents(ref.current);
-        var sel = window.getSelection();
-        sel === null || sel === void 0 ? void 0 : sel.removeAllRanges();
-        sel === null || sel === void 0 ? void 0 : sel.addRange(range);
-    };
-    var normalize = function (value) {
-        return parseFloat(Math.max(0, value).toFixed(4));
-    };
-    var setValueForced = function (value, changed) {
-        if (changed === void 0) { changed = false; }
-        var v = normalize(value);
-        setValue(v);
-        if (ref.current) {
-            if (ref.current.innerHTML !== v.toString()) {
-                ref.current.innerHTML = v.toString();
-            }
-        }
-        if (changed) {
-            props.onChange(value);
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        setValueForced(props.value, false);
-    }, [props.value]);
-    (0, react_1.useEffect)(function () {
-        if (!focused) {
-            setValueForced(value);
-        }
-    }, [value, focused]);
-    return ((0, jsx_runtime_1.jsxs)(Field, __assign({ focused: focused, onMouseDown: function (e) {
-            var _a;
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-            if (!focused) {
-                focusAll();
-                e.preventDefault();
-            }
-        } }, { children: [props.prefix && (0, jsx_runtime_1.jsx)(Extra, { children: props.prefix }, void 0), (0, jsx_runtime_1.jsx)(Input, { ref: ref, contentEditable: !!props.onChange, tabIndex: props.tabIndex, onFocus: function () {
-                    setFocused(true);
-                    focusAll();
-                }, onBlur: function () { return setFocused(false); }, onInput: function (e) {
-                    var value = parseFloat(e.currentTarget.innerText.replace(/[^0-9\.]/g, "")) || 0;
-                    setValue(value);
-                    props.onChange(value);
-                }, 
-                // onPasteCapture={(e) => {
-                //   console.log(e.clipboardData.getData("text/plain"))
-                //   e.preventDefault()
-                // }}
-                onKeyDown: function (e) {
-                    var increment = props.increment * (e.shiftKey ? 10 : 1);
-                    if (e.key === "ArrowUp") {
-                        setValueForced(value + increment, true);
-                        setTimeout(function () { return focusAll(); }, 1);
-                    }
-                    else if (e.key === "ArrowDown") {
-                        setValueForced(value - increment, true);
-                        setTimeout(function () { return focusAll(); }, 1);
-                    }
-                    else if (e.key === "Enter") {
-                        e.preventDefault();
-                    }
-                } }, void 0), props.suffix && (0, jsx_runtime_1.jsx)(Extra, { children: props.suffix }, void 0)] }), void 0));
-}
-exports.NumberField = NumberField;
-var Field = (0, theme_1.styled)("div", {
-    display: "inline-flex",
-    fontFamily: "$mono",
-    fontSize: "$sm",
-    padding: "0 4px",
-    borderRadius: "$sm",
-    variants: {
-        focused: {
-            true: {
-                backgroundColor: "$bgHover",
-            },
-        },
-    },
-});
-var Input = (0, theme_1.styled)("span", {
-    outline: "0px",
-    "&::selection": {
-        background: "white",
-        color: "black",
-    },
-});
-var Extra = (0, theme_1.styled)("span", {
-    opacity: 0.7,
-});

package/dev-ui/components/atoms/Spacer.d.ts

@@ -1,42 +0,0 @@
-export declare const Spacer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
-    space: {
-        smallButtonHeight: string;
-        buttonHeight: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-    };
-    colors: {
-        bg: string;
-        bgHover: string;
-        bgHoverLight: string;
-        bgLine: string;
-        bgLineStrong: string;
-        button: string;
-        buttonHover: string;
-        fg: string;
-        fgFaded: string;
-    };
-    fontSizes: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    fonts: {
-        body: string;
-        mono: string;
-    };
-    radii: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    transitions: {
-        default: string;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

package/dev-ui/components/atoms/Spacer.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spacer = void 0;
-var theme_1 = require("../../theme");
-exports.Spacer = (0, theme_1.styled)("div", {
-    display: "block",
-    width: "$spaces$1",
-});

package/dev-ui/components/atoms/Text.d.ts

@@ -1,45 +0,0 @@
-export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    variant?: "h1" | "mono" | "monoBold" | "monoTiny" | undefined;
-    align?: "left" | "right" | "center" | undefined;
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
-    space: {
-        smallButtonHeight: string;
-        buttonHeight: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-    };
-    colors: {
-        bg: string;
-        bgHover: string;
-        bgHoverLight: string;
-        bgLine: string;
-        bgLineStrong: string;
-        button: string;
-        buttonHover: string;
-        fg: string;
-        fgFaded: string;
-    };
-    fontSizes: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    fonts: {
-        body: string;
-        mono: string;
-    };
-    radii: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    transitions: {
-        default: string;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

package/dev-ui/components/atoms/Text.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-var theme_1 = require("../../theme");
-exports.Text = (0, theme_1.styled)("div", {
-    variants: {
-        variant: {
-            h1: {
-                fontSize: "$xl",
-            },
-            monoBold: {
-                fontFamily: "$mono",
-                fontSize: "$sm",
-                fontWeight: "bold",
-                lineHeight: "1.6",
-            },
-            mono: {
-                fontFamily: "$mono",
-                fontSize: "$sm",
-                lineHeight: "1.6",
-            },
-            monoTiny: {
-                fontSize: "8px",
-                fontFamily: "$mono",
-            },
-        },
-        align: {
-            left: {
-                textAlign: "left",
-            },
-            center: {
-                textAlign: "center",
-            },
-            right: {
-                textAlign: "right",
-            },
-        },
-    },
-});

package/dev-ui/components/atoms/ToggleButton.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-declare type Props = {
-    checked: boolean;
-    label: ReactNode;
-    onChange: (value: boolean) => void;
-};
-export declare function ToggleButton(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dev-ui/components/atoms/ToggleButton.js

@@ -1,41 +0,0 @@
-"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.ToggleButton = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("../../icons");
-var theme_1 = require("../../theme");
-function ToggleButton(props) {
-    return ((0, jsx_runtime_1.jsxs)(ToggleButtonStyle, __assign({ onClick: function () { return props.onChange(!props.checked); } }, { children: [props.checked ? icons_1.checkFilled : icons_1.checkEmpty, props.label] }), void 0));
-}
-exports.ToggleButton = ToggleButton;
-var ToggleButtonStyle = (0, theme_1.styled)("button", {
-    appearance: "none",
-    background: "transparent",
-    border: "0px",
-    padding: "3px",
-    height: "auto",
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    color: "inherit",
-    "&:hover": {
-    // backgroundColor: "$bgHover",
-    },
-    svg: {
-        fill: "$fg",
-        width: "14px",
-        height: "14px",
-        display: "block",
-    },
-});

package/dev-ui/components/atoms/Tooltip.d.ts

@@ -1,9 +0,0 @@
-import { PropsWithChildren, ReactNode } from "react";
-declare type Props = PropsWithChildren<{
-    label: ReactNode;
-    mono?: boolean;
-    nowrap?: boolean;
-    offset?: number;
-}>;
-export declare function Tooltip(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dev-ui/components/atoms/Tooltip.js

@@ -1,66 +0,0 @@
-"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 _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var theme_1 = require("../../theme");
-function Tooltip(props) {
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(TooltipStyle, __assign({ css: { $$offset: (typeof props.offset === "number" ? props.offset : 5) + "px" }, nowrap: props.nowrap, mono: props.mono }, { children: props.label }), void 0), props.children] }, void 0));
-}
-exports.Tooltip = Tooltip;
-var TooltipStyle = (0, theme_1.styled)("div", {
-    position: "absolute",
-    bottom: "calc(100% + $$offset)",
-    left: "50%",
-    transform: "translateX(-50%)",
-    backgroundColor: "#f0f0f0",
-    color: "#000000",
-    borderRadius: "100px",
-    fontSize: "$sm",
-    padding: "3px 10px",
-    opacity: 0,
-    pointerEvents: "none",
-    fontWeight: "normal",
-    "&:after": {
-        backgroundColor: "inherit",
-        content: '" "',
-        width: "5px",
-        height: "5px",
-        display: "block",
-        position: "absolute",
-        top: "100%",
-        left: "50%",
-        transform: "translate(-50%, -50%) rotate(45deg)",
-    },
-    variants: {
-        mono: {
-            true: {
-                fontFamily: "$mono",
-            },
-        },
-        nowrap: {
-            true: {
-                whiteSpace: "nowrap",
-            },
-        },
-    },
-});
-var Wrapper = (0, theme_1.styled)("div", {
-    position: "relative",
-    "&:hover": (_a = {},
-        _a[TooltipStyle.toString()] = {
-            opacity: 1,
-        },
-        _a),
-});

package/dev-ui/components/panels/AppDataDebugger.d.ts

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

package/dev-ui/components/panels/AppDataDebugger.js

@@ -1,29 +0,0 @@
-"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.AppDataDebugger = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_inspector_1 = require("react-inspector");
-var hooks_1 = require("../../../hooks");
-var theme_1 = require("../../theme");
-var PanelWrapper_1 = require("../PanelWrapper");
-function AppDataDebugger() {
-    var data = (0, hooks_1.useAppData)();
-    return ((0, jsx_runtime_1.jsx)(PanelWrapper_1.PanelWrapper, __assign({ title: "App Data" }, { children: (0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_inspector_1.ObjectInspector, { theme: "chromeDark", data: data, expandLevel: 3 }, void 0) }, void 0) }), void 0));
-}
-exports.AppDataDebugger = AppDataDebugger;
-var Wrapper = (0, theme_1.styled)("div", {
-    width: "500px",
-    maxHeight: "calc(100vh - 100px)",
-    overflowY: "auto",
-});

package/dev-ui/components/panels/ColorEditor.d.ts

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