@plitzi/sdk-dev-tools 0.37.9 → 0.38.1

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsList.mjs

@@ -1,42 +0,0 @@
-import e from "./ElementsListItem.mjs";
-import { useCallback as t, useMemo as n, useState as r } from "react";
-import { get as i } from "@plitzi/plitzi-ui/helpers";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "@plitzi/plitzi-ui/Input";
-//#region src/components/DevToolsPanel/tabs/ElementsViewer/ElementsList.tsx
-var c = 200, l = ({ elements: l, elementSelected: u, onSelect: d }) => {
-	let [f, p] = r(""), m = n(() => (l ?? []).filter((e) => e.definition.label.toLowerCase().includes(f.toLowerCase())), [l, f]), h = n(() => m.slice(0, c), [m]), g = m.length - h.length, _ = t((e) => p(e), []);
-	return /* @__PURE__ */ o("div", {
-		className: "flex h-full w-[280px] shrink-0 flex-col gap-2 border-r border-zinc-200 dark:border-zinc-700",
-		children: [/* @__PURE__ */ a("div", {
-			className: "px-2 pt-2",
-			children: /* @__PURE__ */ a(s, {
-				value: f,
-				onChange: _,
-				placeholder: "Search elements...",
-				size: "sm"
-			})
-		}), /* @__PURE__ */ o("div", {
-			className: "flex flex-col overflow-y-auto text-xs text-zinc-700 dark:text-zinc-300",
-			children: [
-				h.length === 0 && /* @__PURE__ */ a("div", {
-					className: "p-4 text-center text-zinc-400 dark:text-zinc-600",
-					children: "No elements"
-				}),
-				h.map((t) => /* @__PURE__ */ a(e, {
-					name: t.definition.label,
-					isSelected: u === t.id,
-					isVisible: i(t, "definition.initialState.visibility", !0),
-					id: t.id,
-					onSelect: d
-				}, t.id)),
-				g > 0 && /* @__PURE__ */ o("div", {
-					className: "p-3 text-center text-[11px] text-zinc-400 dark:text-zinc-600",
-					children: [g, " more — narrow the search to reach them"]
-				})
-			]
-		})]
-	});
-};
-//#endregion
-export { l as default };

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsListItem.d.ts

@@ -1,9 +0,0 @@
-export type ElementsListItemProps = {
-    id?: string;
-    name?: string;
-    isSelected?: boolean;
-    isVisible?: boolean;
-    onSelect?: (id?: string) => void;
-};
-declare const ElementsListItem: ({ name, id, isSelected, isVisible, onSelect }: ElementsListItemProps) => import('react').JSX.Element;
-export default ElementsListItem;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsListItem.mjs

@@ -1,24 +0,0 @@
-import e from "clsx";
-import { useCallback as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/DevToolsPanel/tabs/ElementsViewer/ElementsListItem.tsx
-var i = ({ name: i, id: a, isSelected: o, isVisible: s = !0, onSelect: c }) => {
-	let l = t(() => c?.(a), [c, a]);
-	return /* @__PURE__ */ r("div", {
-		className: e("flex w-full cursor-pointer items-center justify-between gap-2 border-l-2 px-2 py-1.5 transition-colors", {
-			"border-l-violet-500 bg-violet-50 text-violet-700 dark:border-l-violet-500 dark:bg-violet-500/15 dark:text-violet-300": o,
-			"border-l-transparent text-zinc-600 hover:bg-zinc-100 hover:text-zinc-900 dark:border-l-transparent dark:text-zinc-300 dark:hover:bg-zinc-800 dark:hover:text-zinc-100": !o
-		}),
-		onClick: l,
-		children: [/* @__PURE__ */ n("div", {
-			className: "truncate",
-			title: i,
-			children: i
-		}), /* @__PURE__ */ n("i", { className: e("shrink-0 text-[10px]", {
-			"fa-solid fa-eye text-zinc-400 dark:text-zinc-500": s,
-			"fa-solid fa-eye-slash text-zinc-300 dark:text-zinc-700": !s
-		}) })]
-	});
-};
-//#endregion
-export { i as default };

package/dist/components/DevToolsPanel/tabs/TracingViewer/useHighlightElement.d.ts

@@ -1,2 +0,0 @@
-declare const useHighlightElement: (id: string | undefined) => void;
-export default useHighlightElement;