@fuf-stack/pixels 0.7.0 → 0.7.2

package/dist/chunk-M7IVIJEA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"names":["Json_default"],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"]}

package/dist/chunk-YQBT544X.js

@@ -1,127 +0,0 @@
-import {
-  Button_default
-} from "./chunk-HYXTFS4R.js";
-
-// src/Json/Json.tsx
-import { useState } from "react";
-import { FaChevronDown, FaChevronUp, FaTimesCircle } from "react-icons/fa";
-import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";
-import JsonView from "@uiw/react-json-view";
-import { lightTheme } from "@uiw/react-json-view/light";
-import { vscodeTheme } from "@uiw/react-json-view/vscode";
-import cn from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var getValue = (value) => {
-  if (typeof value === "string") {
-    return JSON.parse(value);
-  }
-  if (typeof value === "object") {
-    return value;
-  }
-  throw new Error(`${typeof value} can not be visualized`);
-};
-var Json = ({ className = null, collapsed = false, value }) => {
-  const isDarkMode = document.body.classList.contains("dark");
-  let content = null;
-  let error = null;
-  const [showDetails, setShowDetails] = useState(false);
-  try {
-    content = /* @__PURE__ */ jsx(
-      JsonView,
-      {
-        className: "pr-5",
-        collapsed,
-        displayDataTypes: false,
-        style: {
-          ...isDarkMode ? vscodeTheme : lightTheme,
-          backgroundColor: "unset"
-        },
-        value: getValue(value),
-        children: /* @__PURE__ */ jsx(
-          JsonView.Copied,
-          {
-            render: ({
-              // @ts-expect-error this should be fine
-              "data-copied": copied,
-              style,
-              ...elmProps
-            }) => {
-              const elmClasses = cn(
-                elmProps.className,
-                "absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
-                { "text-success": copied }
-              );
-              return /* @__PURE__ */ jsx("span", { className: "relative !ml-0 !h-[1em] !w-0", style, children: copied ? /* @__PURE__ */ jsx(
-                HiOutlineClipboardCheck,
-                {
-                  ...elmProps,
-                  className: elmClasses
-                }
-              ) : (
-                // eslint-disable-next-line react/jsx-props-no-spreading
-                /* @__PURE__ */ jsx(HiOutlineClipboard, { ...elmProps, className: elmClasses })
-              ) });
-            }
-          }
-        )
-      }
-    );
-  } catch (err) {
-    error = /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger",
-        role: "alert",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between gap-6", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ jsx(FaTimesCircle, { className: "mr-2" }),
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Failed to parse JSON data" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Button_default,
-              {
-                color: "danger",
-                size: "sm",
-                variant: "light",
-                onClick: () => setShowDetails(!showDetails),
-                children: showDetails ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(FaChevronUp, {}),
-                  " Hide Details"
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(FaChevronDown, {}),
-                  " Show Details"
-                ] })
-              }
-            )
-          ] }),
-          showDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4 w-full text-left", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("strong", { children: "Error:" }),
-              /* @__PURE__ */ jsxs("pre", { children: [
-                err?.name,
-                ": ",
-                err?.message
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-              /* @__PURE__ */ jsx("strong", { children: "Data:" }),
-              /* @__PURE__ */ jsx("pre", { children: typeof value !== "string" ? JSON.stringify(value, null, 2) : value })
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: cn(className), children: error || content });
-};
-var Json_default = Json;
-
-// src/Json/index.ts
-var Json_default2 = Json_default;
-
-export {
-  Json_default,
-  Json_default2
-};
-//# sourceMappingURL=chunk-YQBT544X.js.map

package/dist/chunk-YQBT544X.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"],"mappings":"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","names":["Json_default"]}