@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-JWANK42G.mjs

@@ -0,0 +1,170 @@
+import {
+  CircularProgress
+} from "./chunk-WYYP3Y34.mjs";
+import {
+  Button
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/compound/ScrollToLoad/src/useScrollToLoad.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useScrollToLoad(options) {
+  const {
+    hasMore,
+    isLoading,
+    onLoadMore,
+    enabled = true,
+    root = null,
+    rootMargin = "0px 0px 200px 0px",
+    threshold = 0,
+    triggerOncePerVisibility = true,
+    autoLoadLimit,
+    resetKey
+  } = options;
+  const [autoCount, setAutoCount] = useState(0);
+  const autoRequestInFlightRef = useRef(false);
+  const onLoadMoreRef = useRef(onLoadMore);
+  useEffect(() => {
+    onLoadMoreRef.current = onLoadMore;
+  });
+  const nodeRef = useRef(null);
+  const observerRef = useRef(null);
+  const [sentinelVersion, setSentinelVersion] = useState(0);
+  const sentinelRef = useCallback((node) => {
+    nodeRef.current = node;
+    if (node) setSentinelVersion((v) => v + 1);
+  }, []);
+  const normalizedAutoLoadLimit = typeof autoLoadLimit === "number" && Number.isFinite(autoLoadLimit) && autoLoadLimit > 0 ? autoLoadLimit : void 0;
+  const observerSupported = typeof IntersectionObserver !== "undefined";
+  const autoModeEnabled = enabled && observerSupported && (normalizedAutoLoadLimit == null || autoCount < normalizedAutoLoadLimit);
+  useEffect(() => {
+    setAutoCount(0);
+    autoRequestInFlightRef.current = false;
+  }, [resetKey]);
+  useEffect(() => {
+    if (!isLoading) {
+      autoRequestInFlightRef.current = false;
+    }
+  }, [isLoading]);
+  useEffect(() => {
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+      observerRef.current = null;
+    }
+    const node = nodeRef.current;
+    if (!node || !autoModeEnabled || !hasMore || isLoading) {
+      return;
+    }
+    observerRef.current = new IntersectionObserver(
+      ([entry]) => {
+        if (!entry.isIntersecting) return;
+        if (autoRequestInFlightRef.current) return;
+        autoRequestInFlightRef.current = true;
+        onLoadMoreRef.current();
+        setAutoCount((c) => c + 1);
+        if (triggerOncePerVisibility && observerRef.current) {
+          observerRef.current.disconnect();
+          observerRef.current = null;
+        }
+      },
+      { root, rootMargin, threshold }
+    );
+    observerRef.current.observe(node);
+    return () => {
+      observerRef.current?.disconnect();
+      observerRef.current = null;
+    };
+  }, [
+    autoModeEnabled,
+    hasMore,
+    isLoading,
+    root,
+    rootMargin,
+    sentinelVersion,
+    threshold,
+    triggerOncePerVisibility
+  ]);
+  const requestLoadMore = useCallback(() => {
+    if (hasMore && !isLoading) {
+      onLoadMoreRef.current();
+    }
+  }, [hasMore, isLoading]);
+  const canLoadMore = enabled && hasMore && !isLoading;
+  return { sentinelRef, requestLoadMore, canLoadMore, autoModeEnabled };
+}
+
+// src/components/compound/ScrollToLoad/src/render/StatusIndicators.tsx
+import { jsx } from "react/jsx-runtime";
+function DefaultLoadingIndicator() {
+  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", justifyContent: "center", py: 2 }, children: /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) });
+}
+function DefaultEndIndicator() {
+  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", justifyContent: "center", py: 2 }, children: /* @__PURE__ */ jsx(default3, { variant: "body2", color: "text.secondary", children: "No more items" }) });
+}
+
+// src/components/compound/ScrollToLoad/src/ScrollToLoad.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ScrollToLoad(props) {
+  const {
+    children,
+    loadingIndicator,
+    endIndicator,
+    manualFallback = false,
+    manualLabel = "Load more",
+    slotProps,
+    ...hookOptions
+  } = props;
+  const sentinelSlotProps = slotProps?.sentinel;
+  const manualContainerSlotProps = slotProps?.manualContainer;
+  const manualButtonSlotProps = slotProps?.manualButton;
+  const isAutoEnabled = (hookOptions.enabled ?? true) && !manualFallback;
+  const { sentinelRef, requestLoadMore, autoModeEnabled } = useScrollToLoad({
+    ...hookOptions,
+    enabled: isAutoEnabled
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsx2(
+      default2,
+      {
+        ...sentinelSlotProps,
+        ref: sentinelRef,
+        sx: sentinelSlotProps?.sx ?? { height: 4 },
+        "aria-hidden": "true"
+      }
+    ),
+    hookOptions.isLoading && /* @__PURE__ */ jsx2(default2, { role: "status", "aria-live": "polite", "aria-label": "Loading more items", children: loadingIndicator ?? /* @__PURE__ */ jsx2(DefaultLoadingIndicator, {}) }),
+    !hookOptions.hasMore && /* @__PURE__ */ jsx2(default2, { role: "status", "aria-live": "polite", "aria-label": "End of list", children: endIndicator ?? /* @__PURE__ */ jsx2(DefaultEndIndicator, {}) }),
+    (manualFallback || !autoModeEnabled) && hookOptions.hasMore && /* @__PURE__ */ jsx2(
+      default2,
+      {
+        ...manualContainerSlotProps,
+        sx: manualContainerSlotProps?.sx ?? {
+          display: "flex",
+          justifyContent: "center",
+          py: 2
+        },
+        children: /* @__PURE__ */ jsx2(
+          Button,
+          {
+            ...manualButtonSlotProps,
+            onClick: requestLoadMore,
+            disabled: hookOptions.isLoading || manualButtonSlotProps?.disabled,
+            children: manualLabel
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  useScrollToLoad,
+  ScrollToLoad
+};
+//# sourceMappingURL=chunk-JWANK42G.mjs.map

package/dist/chunk-JWANK42G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/ScrollToLoad/src/useScrollToLoad.ts","../src/components/compound/ScrollToLoad/src/render/StatusIndicators.tsx","../src/components/compound/ScrollToLoad/src/ScrollToLoad.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { UseScrollToLoadOptions, UseScrollToLoadReturn } from './_types';\n\nexport function useScrollToLoad(\n  options: UseScrollToLoadOptions\n): UseScrollToLoadReturn {\n  const {\n    hasMore,\n    isLoading,\n    onLoadMore,\n    enabled = true,\n    root = null,\n    rootMargin = '0px 0px 200px 0px',\n    threshold = 0,\n    triggerOncePerVisibility = true,\n    autoLoadLimit,\n    resetKey,\n  } = options;\n\n  // Track auto-load count as state so autoModeEnabled triggers re-renders.\n  const [autoCount, setAutoCount] = useState(0);\n  const autoRequestInFlightRef = useRef(false);\n\n  // Keep the latest onLoadMore in a ref to avoid stale closures inside the\n  // observer callback without forcing the observer to be rebuilt on every render.\n  const onLoadMoreRef = useRef(onLoadMore);\n  useEffect(() => {\n    onLoadMoreRef.current = onLoadMore;\n  });\n\n  // Store the sentinel node so the effect below can access it.\n  const nodeRef = useRef<HTMLDivElement | null>(null);\n  const observerRef = useRef<IntersectionObserver | null>(null);\n  // Bumped whenever the sentinel mounts/remounts so the observer reattaches\n  // to the correct DOM node without needing a full dependency re-evaluation.\n  const [sentinelVersion, setSentinelVersion] = useState(0);\n\n  const sentinelRef = useCallback((node: HTMLDivElement | null) => {\n    nodeRef.current = node;\n    if (node) setSentinelVersion((v) => v + 1);\n  }, []);\n\n  const normalizedAutoLoadLimit =\n    typeof autoLoadLimit === 'number' && Number.isFinite(autoLoadLimit) && autoLoadLimit > 0\n      ? autoLoadLimit\n      : undefined;\n\n  const observerSupported = typeof IntersectionObserver !== 'undefined';\n  const autoModeEnabled =\n    enabled &&\n    observerSupported &&\n    (normalizedAutoLoadLimit == null || autoCount < normalizedAutoLoadLimit);\n\n  // Allow callers to reset internal auto-load cycle when list context changes.\n  useEffect(() => {\n    setAutoCount(0);\n    autoRequestInFlightRef.current = false;\n  }, [resetKey]);\n\n  // Release the auto-trigger lock once the controlled loading flag reports idle.\n  useEffect(() => {\n    if (!isLoading) {\n      autoRequestInFlightRef.current = false;\n    }\n  }, [isLoading]);\n\n  useEffect(() => {\n    if (observerRef.current) {\n      observerRef.current.disconnect();\n      observerRef.current = null;\n    }\n\n    const node = nodeRef.current;\n\n    if (\n      !node ||\n      !autoModeEnabled ||\n      !hasMore ||\n      isLoading\n    ) {\n      return;\n    }\n\n    observerRef.current = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting) return;\n        if (autoRequestInFlightRef.current) return;\n\n        autoRequestInFlightRef.current = true;\n\n        onLoadMoreRef.current();\n        setAutoCount((c) => c + 1);\n\n        if (triggerOncePerVisibility && observerRef.current) {\n          observerRef.current.disconnect();\n          observerRef.current = null;\n        }\n      },\n      { root, rootMargin, threshold }\n    );\n    observerRef.current.observe(node);\n\n    return () => {\n      observerRef.current?.disconnect();\n      observerRef.current = null;\n    };\n  }, [\n    autoModeEnabled,\n    hasMore,\n    isLoading,\n    root,\n    rootMargin,\n    sentinelVersion,\n    threshold,\n    triggerOncePerVisibility,\n  ]);\n\n  const requestLoadMore = useCallback(() => {\n    if (hasMore && !isLoading) {\n      onLoadMoreRef.current();\n    }\n  }, [hasMore, isLoading]);\n\n  const canLoadMore = enabled && hasMore && !isLoading;\n\n  return { sentinelRef, requestLoadMore, canLoadMore, autoModeEnabled };\n}\n","import { Box } from '@/ele/Box';\nimport { CircularProgress } from '@/ele/Progress';\nimport { Typography } from '@/ele/Typography';\n\nexport function DefaultLoadingIndicator() {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'center', py: 2 }}>\n      <CircularProgress size={24} />\n    </Box>\n  );\n}\n\nexport function DefaultEndIndicator() {\n  return (\n    <Box sx={{ display: 'flex', justifyContent: 'center', py: 2 }}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        No more items\n      </Typography>\n    </Box>\n  );\n}\n","import { Box } from '@/ele/Box';\nimport { Button } from '@/ele/Button';\n\nimport { DefaultEndIndicator, DefaultLoadingIndicator } from './render/StatusIndicators';\nimport { useScrollToLoad } from './useScrollToLoad';\nimport { ScrollToLoadProps } from './_types';\n\nexport function ScrollToLoad(props: ScrollToLoadProps) {\n  const {\n    children,\n    loadingIndicator,\n    endIndicator,\n    manualFallback = false,\n    manualLabel = 'Load more',\n    slotProps,\n    ...hookOptions\n  } = props;\n\n  const sentinelSlotProps = slotProps?.sentinel;\n  const manualContainerSlotProps = slotProps?.manualContainer;\n  const manualButtonSlotProps = slotProps?.manualButton;\n\n  // If manual fallback is requested, force-disable the auto-loading behavior\n  // in the hook so we can control triggering explicitly via the button.\n  const isAutoEnabled = (hookOptions.enabled ?? true) && !manualFallback;\n\n  const { sentinelRef, requestLoadMore, autoModeEnabled } = useScrollToLoad({\n    ...hookOptions,\n    enabled: isAutoEnabled,\n  });\n\n  return (\n    <>\n      {children}\n      <Box\n        {...sentinelSlotProps}\n        ref={sentinelRef}\n        sx={sentinelSlotProps?.sx ?? { height: 4 }}\n        aria-hidden=\"true\"\n      />\n      {hookOptions.isLoading && (\n        <Box role=\"status\" aria-live=\"polite\" aria-label=\"Loading more items\">\n          {loadingIndicator ?? <DefaultLoadingIndicator />}\n        </Box>\n      )}\n      {!hookOptions.hasMore && (\n        <Box role=\"status\" aria-live=\"polite\" aria-label=\"End of list\">\n          {endIndicator ?? <DefaultEndIndicator />}\n        </Box>\n      )}\n      {(manualFallback || !autoModeEnabled) && hookOptions.hasMore && (\n        <Box\n          {...manualContainerSlotProps}\n          sx={\n            manualContainerSlotProps?.sx ?? {\n              display: 'flex',\n              justifyContent: 'center',\n              py: 2,\n            }\n          }\n        >\n          <Button\n            {...manualButtonSlotProps}\n            onClick={requestLoadMore}\n            disabled={hookOptions.isLoading || manualButtonSlotProps?.disabled}\n          >\n            {manualLabel}\n          </Button>\n        </Box>\n      )}\n    </>\n  );\n}\n\nexport default ScrollToLoad;\n"],"mappings":"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","names":["default","jsx","default"]}

package/dist/chunk-MDAUF7IL.mjs

@@ -0,0 +1,9 @@
+// src/components/elemental/Overlay/src/index.ts
+import { default as default2 } from "@mui/material/ClickAwayListener";
+import { default as default3 } from "@mui/material/Popper";
+
+export {
+  default2 as default,
+  default3 as default2
+};
+//# sourceMappingURL=chunk-MDAUF7IL.mjs.map

package/dist/chunk-MDAUF7IL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Overlay/src/index.ts"],"sourcesContent":["export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';\nexport { default as Popper } from '@mui/material/Popper';\n"],"mappings":";AAAA,SAAoB,WAAXA,gBAAoC;AAC7C,SAAoB,WAAXA,gBAAyB;","names":["default"]}

package/dist/chunk-MI64T62E.mjs

@@ -0,0 +1,26 @@
+import {
+  default2
+} from "./chunk-T4X375IG.mjs";
+
+// src/components/compound/UseForm/src/_utils/helperText.tsx
+import { jsx } from "react/jsx-runtime";
+function getHelperText(error, errorMsg, ...helpers) {
+  if (error) {
+    const errMsg = error?.message;
+    const nonEmptyErrorMsg = errorMsg || errMsg || helpers.find(Boolean);
+    return String(nonEmptyErrorMsg ?? "");
+  }
+  return helpers.find(Boolean) ?? "";
+}
+function FieldHelperText(props) {
+  const { error, errorMsg, helpers = [] } = props;
+  const text = getHelperText(error, errorMsg, ...helpers ?? []);
+  if (!text) return null;
+  return /* @__PURE__ */ jsx(default2, { error: !!error, children: text });
+}
+
+export {
+  getHelperText,
+  FieldHelperText
+};
+//# sourceMappingURL=chunk-MI64T62E.mjs.map

package/dist/chunk-MI64T62E.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/_utils/helperText.tsx"],"sourcesContent":["import { FormHelperText } from '@/ele/Form'\nimport type { FieldError } from 'react-hook-form'\n\n/**\n * Compute helper text string from possible sources (error, explicit errorMsg, slot helper, other fallbacks)\n */\nexport function getHelperText(\n  error?: FieldError | null,\n  errorMsg?: string | null,\n  ...helpers: Array<string | undefined | null>\n): string | undefined {\n  if (error) {\n    const errMsg = (error as unknown as { message?: string })?.message;\n    const nonEmptyErrorMsg = errorMsg || errMsg || helpers.find(Boolean);\n    return String(nonEmptyErrorMsg ?? '');\n  }\n  return helpers.find(Boolean) ?? '';\n}\n\n/**\n * React component wrapper for rendering helper text consistently.\n * Use this in JSX: <FieldHelperText error={error} errorMsg={errorMsg} helpers={[slot?.helperText]} />\n */\nexport function FieldHelperText(props: {\n  error?: FieldError | null;\n  errorMsg?: string | null;\n  helpers?: Array<string | undefined | null>;\n}) {\n  const { error, errorMsg, helpers = [], } = props;\n  const text = getHelperText(error, errorMsg, ...(helpers ?? []));\n  if (!text) return null;\n  return (\n    <FormHelperText error={!!error}>\n      {text}\n    </FormHelperText>\n  );\n}\n"],"mappings":";;;;;AAgCI;AA1BG,SAAS,cACd,OACA,aACG,SACiB;AACpB,MAAI,OAAO;AACT,UAAM,SAAU,OAA2C;AAC3D,UAAM,mBAAmB,YAAY,UAAU,QAAQ,KAAK,OAAO;AACnE,WAAO,OAAO,oBAAoB,EAAE;AAAA,EACtC;AACA,SAAO,QAAQ,KAAK,OAAO,KAAK;AAClC;AAMO,SAAS,gBAAgB,OAI7B;AACD,QAAM,EAAE,OAAO,UAAU,UAAU,CAAC,EAAG,IAAI;AAC3C,QAAM,OAAO,cAAc,OAAO,UAAU,GAAI,WAAW,CAAC,CAAE;AAC9D,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,oBAACA,UAAA,EAAe,OAAO,CAAC,CAAC,OACtB,gBACH;AAEJ;","names":["default"]}

package/dist/chunk-NJYNJLT7.mjs

@@ -0,0 +1,172 @@
+import {
+  default as default2
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/elemental/JsonEditor/src/JsonEditor/JsonEditor.tsx
+import React, { Suspense, useCallback, useMemo, useRef } from "react";
+import {
+  JsonEditor as OriginalJsonEditor,
+  githubDarkTheme,
+  githubLightTheme
+} from "json-edit-react";
+import { useColorScheme, styled } from "@mui/material/styles";
+
+// src/components/elemental/JsonEditor/src/JsonEditor/theme.ts
+var jsonEditorVars = {
+  "--json-editor-text-primary": "var(--mui-palette-text-primary)",
+  "--json-editor-shadow-border-1": "var(--mui-palette-shadow-border-1)",
+  "--json-editor-wrapper-border-color": "var(--mui-palette-border-1)",
+  "--json-editor-select-border-color": "var(--mui-palette-border-1)",
+  "--json-editor-select-option-bg": "var(--mui-palette-background-default)",
+  "--json-editor-wrapper-border-color-error": "var(--mui-palette-error-main)"
+};
+
+// src/components/elemental/JsonEditor/src/JsonEditor/JsonEditor.tsx
+import { jsx } from "react/jsx-runtime";
+var CodeEditor = React.lazy(() => import("./CodeEditor-JF55ZNVD.mjs"));
+var JsonEditor = ({
+  error = false,
+  ...jsonEditorProps
+}) => {
+  const { mode } = useColorScheme();
+  const dataRef = useRef(jsonEditorProps.data);
+  dataRef.current = jsonEditorProps.data;
+  const customedTheme = useMemo(() => {
+    const theme = mode === "light" ? githubLightTheme : githubDarkTheme;
+    return {
+      ...theme,
+      styles: {
+        ...theme.styles,
+        input: ["var(--json-editor-text-primary)", {
+          border: "none",
+          boxShadow: "var(--json-editor-shadow-border-1)"
+        }]
+      }
+    };
+  }, [mode]);
+  const TextEditor = useCallback((props) => /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx("div", { className: "loading", style: { height: `${getLineHeight(dataRef.current)}lh` }, children: "Loading code editor..." }),
+      children: /* @__PURE__ */ jsx(CodeEditor, { ...props })
+    }
+  ), []);
+  return /* @__PURE__ */ jsx(StyledWrapper, { error, children: /* @__PURE__ */ jsx(
+    OriginalJsonEditor,
+    {
+      maxWidth: "unset",
+      translations: {
+        ITEM_SINGLE: "{{count}} item",
+        ITEMS_MULTIPLE: "{{count}} items",
+        KEY_NEW: "Enter_new_key",
+        ERROR_KEY_EXISTS: "Key already exists",
+        ERROR_INVALID_JSON: "Invalid JSON",
+        ERROR_UPDATE: "Update unsuccessful",
+        ERROR_DELETE: "Delete unsuccessful",
+        ERROR_ADD: "Adding node unsuccessful",
+        DEFAULT_STRING: "New data!",
+        DEFAULT_NEW_KEY: "key",
+        SHOW_LESS: "(Show less)"
+      },
+      theme: customedTheme,
+      ...jsonEditorProps,
+      TextEditor
+    }
+  ) });
+};
+var JsonEditor_default = JsonEditor;
+var getLineHeight = (data) => JSON.stringify(data, null, 2).split("\n").length;
+var StyledWrapper = styled(default2, {
+  shouldForwardProp: (prop) => prop !== "error"
+})(({ theme }) => ({
+  ...jsonEditorVars,
+  // box
+  "&": {
+    flex: 1,
+    minWidth: 0,
+    minHeight: 0,
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+  },
+  "& > *": {
+    flex: 1,
+    minHeight: 0,
+    minWidth: 0,
+    boxShadow: "inset 0 0 0px 2px var(--json-editor-wrapper-border-color)",
+    overflow: "auto"
+  },
+  // json-edit-react does not set a pointer on collapse
+  "& .jer-collapse-icon, & .jer-accordion-icon, & .jer-clickzone, & .jer-collection-header-row": {
+    cursor: "pointer"
+  },
+  // select
+  "& .jer-select": {
+    background: "transparent",
+    border: "1px solid var(--json-editor-select-border-color)",
+    boxShadow: "none",
+    "& select": {
+      color: "var(--json-editor-text-primary)",
+      padding: "0 8px",
+      "& option": {
+        background: "var(--json-editor-select-option-bg)"
+      }
+    }
+  },
+  // boolean
+  "& .jer-input-boolean": {
+    accentColor: theme.palette.primary.main,
+    border: "1px solid var(--json-editor-select-border-color)"
+  },
+  // button group
+  "& .jer-confirm-buttons": {
+    "&>div": {
+      display: "flex"
+      // center align the entire group
+    }
+  },
+  // input 
+  "& .jer-input-text": {
+    boxShadow: "none"
+  },
+  "& .jer-input-component": {
+    "&>input": {
+      padding: "2px 8px",
+      color: theme.palette.text.primary,
+      background: "transparent",
+      border: `1px solid ${theme.palette.divider}`
+    }
+  },
+  "& .jer-input-new-key": {
+    padding: "5px 8px",
+    color: theme.palette.text.primary,
+    background: "transparent",
+    border: `1px solid ${theme.palette.divider}`
+  },
+  // key
+  "& .jer-key-edit": {
+    border: "none",
+    padding: "0 8px",
+    ":focus": {
+      border: "none"
+    }
+  },
+  // row
+  "& .jer-value-main-row": {
+    alignItems: "flex-start"
+  },
+  variants: [
+    {
+      props: { error: true },
+      style: {
+        "--json-editor-wrapper-border-color": "var(--json-editor-wrapper-border-color-error)"
+      }
+    }
+  ]
+}));
+
+export {
+  JsonEditor_default
+};
+//# sourceMappingURL=chunk-NJYNJLT7.mjs.map

package/dist/chunk-NJYNJLT7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/JsonEditor/src/JsonEditor/JsonEditor.tsx","../src/components/elemental/JsonEditor/src/JsonEditor/theme.ts"],"sourcesContent":["'use client'\nimport React, { Suspense, useCallback, useMemo, useRef } from 'react'\nimport { \n  JsonEditor as OriginalJsonEditor, githubDarkTheme, githubLightTheme, \n  type JsonData,\n  type TextEditorProps,\n} from 'json-edit-react'\nimport { useColorScheme, styled } from '@mui/material/styles'\nimport { Box } from '@/ele/Box'\n\nimport { jsonEditorVars } from './theme'\n\nconst CodeEditor = React.lazy(() => import('./CodeEditor'))\n\n/**\n * using json-edit-react to build a structured output\n * \n * [Doc] https://github.com/CarlosNZ/json-edit-react\n */\nconst JsonEditor:React.FC<React.ComponentProps<typeof OriginalJsonEditor> & {\n  error?: boolean\n}> = ({\n  error=false,...jsonEditorProps\n}) => {\n  const { mode } = useColorScheme()\n  const dataRef = useRef(jsonEditorProps.data)\n  dataRef.current = jsonEditorProps.data\n\n  const customedTheme = useMemo(() => {\n    const theme = mode===\"light\"?githubLightTheme:githubDarkTheme\n    return {\n      ...theme,\n      styles:{\n        ...theme.styles,\n        input:[\"var(--json-editor-text-primary)\",{\n          border:\"none\",\n          boxShadow:\"var(--json-editor-shadow-border-1)\",\n        }],\n      },\n    }\n  }, [mode])\n\n  const TextEditor = useCallback((props: TextEditorProps) => (\n    <Suspense\n      fallback={\n        <div className=\"loading\" style={{ height: `${getLineHeight(dataRef.current)}lh` }}>\n          Loading code editor...\n        </div>\n      }\n    >\n      <CodeEditor {...props}/>\n    </Suspense>\n  ), [])\n\n  return (\n    <StyledWrapper error={error}>\n      <OriginalJsonEditor\n        maxWidth=\"unset\"\n        translations={{\n          ITEM_SINGLE: '{{count}} item',\n          ITEMS_MULTIPLE: '{{count}} items',\n          KEY_NEW: 'Enter_new_key',\n          ERROR_KEY_EXISTS: 'Key already exists',\n          ERROR_INVALID_JSON: 'Invalid JSON',\n          ERROR_UPDATE: 'Update unsuccessful',\n          ERROR_DELETE: 'Delete unsuccessful',\n          ERROR_ADD: 'Adding node unsuccessful',\n          DEFAULT_STRING: 'New data!',\n          DEFAULT_NEW_KEY: 'key',\n          SHOW_LESS: '(Show less)',\n        }}\n        theme={customedTheme}\n        {...jsonEditorProps}\n        \n        TextEditor={TextEditor}\n      />\n    </StyledWrapper>    \n  )\n\n}\n\nexport default JsonEditor\n\n/**\n * get the line height of the json data\n * \n * https://github.com/CarlosNZ/json-edit-react/blob/d6e3c39d1fe876fa8ed267301ebecf128132b602/demo/src/App.tsx#L9\n */\nconst getLineHeight = (data: JsonData) => JSON.stringify(data, null, 2).split('\\n').length\n\nconst StyledWrapper = styled(Box,{\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error: boolean }>(({ theme, }) => ({\n  ...jsonEditorVars,\n\n  // box\n  \"&\": {\n    flex: 1,\n    minWidth: 0,\n    minHeight: 0,\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n  },\n  \"& > *\": {\n    flex: 1,\n    minHeight: 0,\n    minWidth: 0,\n    boxShadow: \"inset 0 0 0px 2px var(--json-editor-wrapper-border-color)\",\n    overflow: \"auto\",\n  },\n\n  // json-edit-react does not set a pointer on collapse\n  \"& .jer-collapse-icon, & .jer-accordion-icon, & .jer-clickzone, & .jer-collection-header-row\": {\n    cursor: \"pointer\",\n  },\n  \n  // select\n  \"& .jer-select\":{\n    background:\"transparent\",\n    border:\"1px solid var(--json-editor-select-border-color)\",\n    boxShadow: \"none\",\n\n    \"& select\":{\n      color: 'var(--json-editor-text-primary)',\n      padding:\"0 8px\",\n\n      \"& option\":{\n        background: \"var(--json-editor-select-option-bg)\",\n      },\n    },\n  },\n\n  // boolean\n  \"& .jer-input-boolean\":{\n    accentColor: theme.palette.primary.main,\n    border:\"1px solid var(--json-editor-select-border-color)\",\n  },\n\n  // button group\n  \"& .jer-confirm-buttons\":{\n    \"&>div\":{\n      display:\"flex\", // center align the entire group\n    },\n  },\n\n  // input \n  \"& .jer-input-text\":{\n    boxShadow: \"none\",\n  },\n  \"& .jer-input-component\":{\n    \"&>input\":{\n      padding:\"2px 8px\",\n      color: theme.palette.text.primary,\n      background: 'transparent',\n      border: `1px solid ${theme.palette.divider}`,\n    }\n  },\n  \"& .jer-input-new-key\":{\n    padding:\"5px 8px\",\n    color: theme.palette.text.primary,\n    background: 'transparent',\n    border: `1px solid ${theme.palette.divider}`,\n  },\n\n  // key\n  \"& .jer-key-edit\":{\n    border:\"none\",\n    padding:\"0 8px\",\n    \":focus\":{\n      border:\"none\",\n    }\n  },\n\n  // row\n  \"& .jer-value-main-row\":{\n    alignItems:\"flex-start\",\n  },\n\n  variants: [\n    {\n      props: { error: true },\n      style: {\n        \"--json-editor-wrapper-border-color\": \"var(--json-editor-wrapper-border-color-error)\",\n      },\n    }\n  ]\n}))\n","export const jsonEditorVars = {\n  '--json-editor-text-primary': 'var(--mui-palette-text-primary)',\n  '--json-editor-shadow-border-1': 'var(--mui-palette-shadow-border-1)',\n  '--json-editor-wrapper-border-color': 'var(--mui-palette-border-1)',\n  '--json-editor-select-border-color': 'var(--mui-palette-border-1)',\n  '--json-editor-select-option-bg': 'var(--mui-palette-background-default)',\n  '--json-editor-wrapper-border-color-error': 'var(--mui-palette-error-main)',\n} as const\n"],"mappings":"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","names":["default"]}

package/dist/chunk-NLBDBJ3R.mjs

@@ -0,0 +1,97 @@
+// src/components/elemental/ResizablePanel/src/ReactResizablePanels.tsx
+import { Separator as PRH } from "react-resizable-panels";
+import { styled } from "@mui/material/styles";
+
+// src/components/elemental/ResizablePanel/src/themes.ts
+var panelResizeHandleRootStyle = {
+  "--panel-divider": "var(--mui-palette-divider)",
+  "--panel-focus": "var(--mui-palette-focus-1)",
+  "--panel-seam-hit": "16px"
+};
+
+// src/components/elemental/ResizablePanel/src/ReactResizablePanels.tsx
+import {
+  useGroupRef,
+  useGroupCallbackRef,
+  usePanelRef,
+  usePanelCallbackRef,
+  useDefaultLayout,
+  Panel,
+  Group
+} from "react-resizable-panels";
+var PanelResizeHandle = styled(PRH, {
+  shouldForwardProp: (prop) => prop !== "variant"
+})({
+  ...panelResizeHandleRootStyle,
+  backgroundColor: "var(--panel-divider)",
+  width: "1px",
+  borderRadius: "var(--mui-shape-borderRadius)",
+  position: "relative",
+  [`
+    &[data-separator="hover"],
+    &[data-separator="active"]
+  `]: {
+    backgroundColor: "transparent",
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      top: "0",
+      left: "-2px",
+      width: "4px",
+      height: "100%",
+      backgroundColor: "var(--panel-focus)"
+    }
+  },
+  variants: [
+    {
+      props: { variant: "seam" },
+      style: {
+        width: 0,
+        minWidth: 0,
+        backgroundColor: "transparent",
+        border: "none",
+        boxShadow: "none",
+        borderRadius: 0,
+        flex: "0 0 auto",
+        zIndex: 2,
+        '&::after, &[data-separator="hover"]::after, &[data-separator="active"]::after': {
+          content: "none",
+          display: "none"
+        },
+        "&::before": {
+          content: '""',
+          position: "absolute",
+          top: 0,
+          bottom: 0,
+          left: "calc(var(--panel-seam-hit) / -2)",
+          width: "var(--panel-seam-hit)",
+          zIndex: 1
+        },
+        '&[aria-orientation="horizontal"]': {
+          width: "100%",
+          height: 0,
+          minHeight: 0,
+          "&::before": {
+            top: "calc(var(--panel-seam-hit) / -2)",
+            bottom: "auto",
+            left: 0,
+            width: "100%",
+            height: "var(--panel-seam-hit)"
+          }
+        }
+      }
+    }
+  ]
+});
+
+export {
+  PanelResizeHandle,
+  useGroupRef,
+  useGroupCallbackRef,
+  usePanelRef,
+  usePanelCallbackRef,
+  useDefaultLayout,
+  Panel,
+  Group
+};
+//# sourceMappingURL=chunk-NLBDBJ3R.mjs.map

package/dist/chunk-NLBDBJ3R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/ResizablePanel/src/ReactResizablePanels.tsx","../src/components/elemental/ResizablePanel/src/themes.ts"],"sourcesContent":["'use client'\nimport { Separator as PRH } from 'react-resizable-panels'\nimport { styled } from '@mui/material/styles'\n\nimport { panelResizeHandleRootStyle } from './themes'\n\nexport {\n  useGroupRef,\n  useGroupCallbackRef,\n  usePanelRef,\n  usePanelCallbackRef,\n  useDefaultLayout,\n  Panel, Group as PanelGroup,\n} from \"react-resizable-panels\"\n\nexport type PanelResizeHandleVariant = 'bar' | 'seam'\n\nexport const PanelResizeHandle = styled(PRH, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: PanelResizeHandleVariant }>({\n  ...panelResizeHandleRootStyle,\n  backgroundColor: 'var(--panel-divider)',\n  width: '1px',\n  borderRadius: 'var(--mui-shape-borderRadius)',\n  position: 'relative',\n  [`\n    &[data-separator=\"hover\"],\n    &[data-separator=\"active\"]\n  `]: {\n    backgroundColor: 'transparent',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '0',\n      left: '-2px',\n      width: '4px',\n      height: '100%',\n      backgroundColor: 'var(--panel-focus)',\n    },\n  },\n  variants: [\n    {\n      props: { variant: 'seam' },\n      style: {\n        width: 0,\n        minWidth: 0,\n        backgroundColor: 'transparent',\n        border: 'none',\n        boxShadow: 'none',\n        borderRadius: 0,\n        flex: '0 0 auto',\n        zIndex: 2,\n        '&::after, &[data-separator=\"hover\"]::after, &[data-separator=\"active\"]::after': {\n          content: 'none',\n          display: 'none',\n        },\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          bottom: 0,\n          left: 'calc(var(--panel-seam-hit) / -2)',\n          width: 'var(--panel-seam-hit)',\n          zIndex: 1,\n        },\n        '&[aria-orientation=\"horizontal\"]': {\n          width: '100%',\n          height: 0,\n          minHeight: 0,\n          '&::before': {\n            top: 'calc(var(--panel-seam-hit) / -2)',\n            bottom: 'auto',\n            left: 0,\n            width: '100%',\n            height: 'var(--panel-seam-hit)',\n          },\n        },\n      },\n    },\n  ],\n})\n","export const panelResizeHandleRootStyle = {\n  '--panel-divider': 'var(--mui-palette-divider)',\n  '--panel-focus':   'var(--mui-palette-focus-1)',\n  '--panel-seam-hit': '16px',\n} as const\n"],"mappings":";AACA,SAAS,aAAa,WAAW;AACjC,SAAS,cAAc;;;ACFhB,IAAM,6BAA6B;AAAA,EACxC,mBAAmB;AAAA,EACnB,iBAAmB;AAAA,EACnB,oBAAoB;AACtB;;;ADEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAAgB;AAAA,OACX;AAIA,IAAM,oBAAoB,OAAO,KAAK;AAAA,EAC3C,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC,EAA0C;AAAA,EACzC,GAAG;AAAA,EACH,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AAAA,EACV,CAAC;AAAA;AAAA;AAAA,GAGA,GAAG;AAAA,IACF,iBAAiB;AAAA,IACjB,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,SAAS,OAAO;AAAA,MACzB,OAAO;AAAA,QACL,OAAO;AAAA,QACP,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,cAAc;AAAA,QACd,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,iFAAiF;AAAA,UAC/E,SAAS;AAAA,UACT,SAAS;AAAA,QACX;AAAA,QACA,aAAa;AAAA,UACX,SAAS;AAAA,UACT,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,oCAAoC;AAAA,UAClC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,aAAa;AAAA,YACX,KAAK;AAAA,YACL,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}