@uniformdev/context-devtools 19.213.1-alpha.14 → 19.214.1-alpha.10

package/dist/esm/index.js

@@ -2225,142 +2225,7 @@ function EmbeddedContextDevTools({ context, initialSettings }) {
     }
   ) : /* @__PURE__ */ jsx28("p", { children: "Unable to find Uniform Context. Ensure the devtools plugin is activated." });
 }
-
-// src/components/ToggleEmbeddedContextDevTools.tsx
-import { css as css14 } from "@emotion/react";
-import { Button as Button9, Callout, Paragraph, Theme as DesignSystemTheme2 } from "@uniformdev/design-system";
-import * as React7 from "react";
-import { useLocalStorage } from "react-use";
-
-// src/components/EmbedToggleButton/EmbedToggleButton.tsx
-import { css as css13 } from "@emotion/react";
-import { jsx as jsx29, jsxs as jsxs18 } from "@emotion/react/jsx-runtime";
-var btnStyle2 = css13`
-  align-items: center;
-  border-radius: var(--rounded-full);
-  background: var(--brand-secondary-5);
-  border: none;
-  box-shadow: var(--shadow-base);
-  color: var(--white);
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  position: fixed;
-  bottom: var(--spacing-base);
-  right: var(--spacing-base);
-  z-index: 20;
-  width: 52px;
-  height: 52px;
-  transform: scale(0.9);
-  transition: transform 0.25s ease-in-out;
-  &:hover {
-    transform: scale(1);
-  }
-  & svg {
-    display: block;
-    max-width: 100%;
-    height: auto;
-  }
-`;
-var EmbedToggleButton = ({ ...props }) => {
-  return /* @__PURE__ */ jsxs18("button", { type: "button", css: btnStyle2, ...props, children: [
-    /* @__PURE__ */ jsx29("span", { hidden: true, children: "Uniform devtools" }),
-    /* @__PURE__ */ jsxs18("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx29(
-        "path",
-        {
-          d: "M13.325 3.05011L8.66741 20.4323L10.5993 20.9499L15.2568 3.56775L13.325 3.05011Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ jsx29(
-        "path",
-        {
-          d: "M7.61197 18.3608L8.97136 16.9124L8.97086 16.8933L3.87657 12.1121L8.66699 7.00798L7.20868 5.63928L1.04956 12.2017L7.61197 18.3608Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ jsx29(
-        "path",
-        {
-          d: "M16.388 18.3608L15.0286 16.9124L15.0291 16.8933L20.1234 12.1121L15.333 7.00798L16.7913 5.63928L22.9504 12.2017L16.388 18.3608Z",
-          fill: "currentColor"
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/components/ToggleEmbeddedContextDevTools.tsx
-import { jsx as jsx30, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
-var localChromex = "dblgnkbknchechcibdojfdoeeodhmgbd";
-var prodChromex = "dcmlokofjljnfjcknpmhjocogllfbhkg";
-function ToggleEmbeddedContextDevTools(props) {
-  const [devtoolsOpen, setDevtoolsOpen] = React7.useState(false);
-  const [contextValue, setContextValue] = React7.useState(props.context);
-  const [extensionExists, setExtensionExists] = React7.useState(false);
-  const [isUniformInlineDevtoolsDisabled, setUniformInlineDevtoolsDisabled] = useLocalStorage(
-    "isUniformInlineDevtoolsDisabled",
-    false
-  );
-  React7.useEffect(() => {
-    if (!props.context && typeof document !== "undefined") {
-      setContextValue(window.__UNIFORM_DEVTOOLS_CONTEXT_INSTANCE__);
-    }
-  }, [props.context]);
-  React7.useEffect(() => {
-    [prodChromex, localChromex].map((extensionId) => {
-      const img = new Image();
-      img.src = `chrome-extension://${extensionId}/icons/uniform-logo.png`;
-      img.onload = () => setExtensionExists(true);
-    });
-  }, []);
-  if (isUniformInlineDevtoolsDisabled) {
-    return null;
-  }
-  return contextValue ? /* @__PURE__ */ jsxs19("div", { children: [
-    /* @__PURE__ */ jsx30(DesignSystemTheme2, { disableGlobalReset: true, disableReset: true }),
-    /* @__PURE__ */ jsx30(Theme, {}),
-    /* @__PURE__ */ jsx30(EmbedToggleButton, { onClick: () => setDevtoolsOpen((prev) => !prev) }),
-    devtoolsOpen ? /* @__PURE__ */ jsx30(
-      "div",
-      {
-        css: css14`
-            box-shadow: var(--shadow-base);
-            position: fixed;
-            bottom: 82px;
-            right: var(--spacing-base);
-            z-index: var(--z-10);
-            max-width: var(--site-width);
-          `,
-        children: extensionExists ? /* @__PURE__ */ jsx30(
-          "div",
-          {
-            css: css14`
-                padding: var(--spacing-md);
-              `,
-            children: /* @__PURE__ */ jsxs19(Callout, { type: "danger", title: "This functionality is disabled.", children: [
-              /* @__PURE__ */ jsx30(Paragraph, { children: "We detected you already use the Uniform Context browser extension. Using both tools is not supported. Please use the functionality of the browser extension instead." }),
-              /* @__PURE__ */ jsx30(
-                Button9,
-                {
-                  css: css14`
-                    margin-top: var(--spacing-md);
-                  `,
-                  buttonType: "destructive",
-                  onClick: () => setUniformInlineDevtoolsDisabled(true),
-                  children: "Disabled inline tools"
-                }
-              )
-            ] })
-          }
-        ) : /* @__PURE__ */ jsx30(EmbeddedContextDevTools, { ...props })
-      }
-    ) : null
-  ] }) : /* @__PURE__ */ jsx30("p", { children: "Unable to find Uniform Context. Ensure the devtools plugin is activated." });
-}
 export {
   ContextDevTools,
-  EmbeddedContextDevTools,
-  ToggleEmbeddedContextDevTools
+  EmbeddedContextDevTools
 };

package/dist/index.d.mts

@@ -75,10 +75,10 @@ type EmbeddedContextDevToolsProps = {
     /** Initial settings for the devtools. */
     initialSettings?: DevToolsSettings;
 };
-/** @deprecated Renders Uniform Context DevTools in an embedded state (as a React component that can be an island on a demo page, for example) */
+/**
+ * Renders Uniform Context DevTools in an embedded state (as a React component that can be an island on a demo page, for example)
+ * @deprecated not intended for public usage
+ */
 declare function EmbeddedContextDevTools({ context, initialSettings }: EmbeddedContextDevToolsProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-/** Renders Uniform Context DevTools in an embedded state (as a React component that can be an island on a demo page, for example) */
-declare function ToggleEmbeddedContextDevTools(props: EmbeddedContextDevToolsProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-export { ContextDevTools, type ContextDevToolsProps, type ContextDevToolsRouteProps, type DevToolsSettings, EmbeddedContextDevTools, type EmbeddedContextDevToolsProps, type Override, ToggleEmbeddedContextDevTools };
+export { ContextDevTools, type ContextDevToolsProps, type ContextDevToolsRouteProps, type DevToolsSettings, EmbeddedContextDevTools, type EmbeddedContextDevToolsProps, type Override };

package/dist/index.d.ts

@@ -75,10 +75,10 @@ type EmbeddedContextDevToolsProps = {
     /** Initial settings for the devtools. */
     initialSettings?: DevToolsSettings;
 };
-/** @deprecated Renders Uniform Context DevTools in an embedded state (as a React component that can be an island on a demo page, for example) */
+/**
+ * Renders Uniform Context DevTools in an embedded state (as a React component that can be an island on a demo page, for example)
+ * @deprecated not intended for public usage
+ */
 declare function EmbeddedContextDevTools({ context, initialSettings }: EmbeddedContextDevToolsProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-/** Renders Uniform Context DevTools in an embedded state (as a React component that can be an island on a demo page, for example) */
-declare function ToggleEmbeddedContextDevTools(props: EmbeddedContextDevToolsProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
-
-export { ContextDevTools, type ContextDevToolsProps, type ContextDevToolsRouteProps, type DevToolsSettings, EmbeddedContextDevTools, type EmbeddedContextDevToolsProps, type Override, ToggleEmbeddedContextDevTools };
+export { ContextDevTools, type ContextDevToolsProps, type ContextDevToolsRouteProps, type DevToolsSettings, EmbeddedContextDevTools, type EmbeddedContextDevToolsProps, type Override };

package/dist/index.js

@@ -31,8 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ContextDevTools: () => ContextDevTools,
-  EmbeddedContextDevTools: () => EmbeddedContextDevTools,
-  ToggleEmbeddedContextDevTools: () => ToggleEmbeddedContextDevTools
+  EmbeddedContextDevTools: () => EmbeddedContextDevTools
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -2256,143 +2255,8 @@ function EmbeddedContextDevTools({ context, initialSettings }) {
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { children: "Unable to find Uniform Context. Ensure the devtools plugin is activated." });
 }
-
-// src/components/ToggleEmbeddedContextDevTools.tsx
-var import_react20 = require("@emotion/react");
-var import_design_system14 = require("@uniformdev/design-system");
-var React7 = __toESM(require("react"));
-var import_react_use4 = require("react-use");
-
-// src/components/EmbedToggleButton/EmbedToggleButton.tsx
-var import_react19 = require("@emotion/react");
-var import_jsx_runtime28 = require("@emotion/react/jsx-runtime");
-var btnStyle2 = import_react19.css`
-  align-items: center;
-  border-radius: var(--rounded-full);
-  background: var(--brand-secondary-5);
-  border: none;
-  box-shadow: var(--shadow-base);
-  color: var(--white);
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  position: fixed;
-  bottom: var(--spacing-base);
-  right: var(--spacing-base);
-  z-index: 20;
-  width: 52px;
-  height: 52px;
-  transform: scale(0.9);
-  transition: transform 0.25s ease-in-out;
-  &:hover {
-    transform: scale(1);
-  }
-  & svg {
-    display: block;
-    max-width: 100%;
-    height: auto;
-  }
-`;
-var EmbedToggleButton = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("button", { type: "button", css: btnStyle2, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { hidden: true, children: "Uniform devtools" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        "path",
-        {
-          d: "M13.325 3.05011L8.66741 20.4323L10.5993 20.9499L15.2568 3.56775L13.325 3.05011Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        "path",
-        {
-          d: "M7.61197 18.3608L8.97136 16.9124L8.97086 16.8933L3.87657 12.1121L8.66699 7.00798L7.20868 5.63928L1.04956 12.2017L7.61197 18.3608Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        "path",
-        {
-          d: "M16.388 18.3608L15.0286 16.9124L15.0291 16.8933L20.1234 12.1121L15.333 7.00798L16.7913 5.63928L22.9504 12.2017L16.388 18.3608Z",
-          fill: "currentColor"
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/components/ToggleEmbeddedContextDevTools.tsx
-var import_jsx_runtime29 = require("@emotion/react/jsx-runtime");
-var localChromex = "dblgnkbknchechcibdojfdoeeodhmgbd";
-var prodChromex = "dcmlokofjljnfjcknpmhjocogllfbhkg";
-function ToggleEmbeddedContextDevTools(props) {
-  const [devtoolsOpen, setDevtoolsOpen] = React7.useState(false);
-  const [contextValue, setContextValue] = React7.useState(props.context);
-  const [extensionExists, setExtensionExists] = React7.useState(false);
-  const [isUniformInlineDevtoolsDisabled, setUniformInlineDevtoolsDisabled] = (0, import_react_use4.useLocalStorage)(
-    "isUniformInlineDevtoolsDisabled",
-    false
-  );
-  React7.useEffect(() => {
-    if (!props.context && typeof document !== "undefined") {
-      setContextValue(window.__UNIFORM_DEVTOOLS_CONTEXT_INSTANCE__);
-    }
-  }, [props.context]);
-  React7.useEffect(() => {
-    [prodChromex, localChromex].map((extensionId) => {
-      const img = new Image();
-      img.src = `chrome-extension://${extensionId}/icons/uniform-logo.png`;
-      img.onload = () => setExtensionExists(true);
-    });
-  }, []);
-  if (isUniformInlineDevtoolsDisabled) {
-    return null;
-  }
-  return contextValue ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system14.Theme, { disableGlobalReset: true, disableReset: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Theme, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(EmbedToggleButton, { onClick: () => setDevtoolsOpen((prev) => !prev) }),
-    devtoolsOpen ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      "div",
-      {
-        css: import_react20.css`
-            box-shadow: var(--shadow-base);
-            position: fixed;
-            bottom: 82px;
-            right: var(--spacing-base);
-            z-index: var(--z-10);
-            max-width: var(--site-width);
-          `,
-        children: extensionExists ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          "div",
-          {
-            css: import_react20.css`
-                padding: var(--spacing-md);
-              `,
-            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_design_system14.Callout, { type: "danger", title: "This functionality is disabled.", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system14.Paragraph, { children: "We detected you already use the Uniform Context browser extension. Using both tools is not supported. Please use the functionality of the browser extension instead." }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                import_design_system14.Button,
-                {
-                  css: import_react20.css`
-                    margin-top: var(--spacing-md);
-                  `,
-                  buttonType: "destructive",
-                  onClick: () => setUniformInlineDevtoolsDisabled(true),
-                  children: "Disabled inline tools"
-                }
-              )
-            ] })
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(EmbeddedContextDevTools, { ...props })
-      }
-    ) : null
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: "Unable to find Uniform Context. Ensure the devtools plugin is activated." });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ContextDevTools,
-  EmbeddedContextDevTools,
-  ToggleEmbeddedContextDevTools
+  EmbeddedContextDevTools
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/context-devtools",
-  "version": "19.213.1-alpha.14+c4550ca9ec",
+  "version": "19.214.1-alpha.10+98dac3377a",
   "description": "Uniform Context developer tools components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -31,11 +31,10 @@
   },
   "dependencies": {
     "@emotion/react": "11.11.3",
-    "@uniformdev/context": "19.213.1-alpha.14+c4550ca9ec",
-    "@uniformdev/design-system": "19.213.1-alpha.14+c4550ca9ec",
+    "@uniformdev/context": "19.214.1-alpha.10+98dac3377a",
+    "@uniformdev/design-system": "19.214.1-alpha.10+98dac3377a",
     "formik": "^2.2.9",
     "react-use": "^17.4.0",
-    "reakit": "^1.3.11",
     "yup": "^0.32.11"
   },
   "files": [
@@ -44,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c4550ca9ec413c467d404842e7873f0087b4e403"
+  "gitHead": "98dac3377a8313b1d70d0b02632a6a7192f2409c"
 }