@kopexa/sidebar 17.1.74 → 17.2.1

package/dist/v2/context.js

@@ -0,0 +1,171 @@
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/v2/context.tsx
+var context_exports = {};
+__export(context_exports, {
+  SidebarV2Provider: () => SidebarV2Provider,
+  useSidebarV2: () => useSidebarV2
+});
+module.exports = __toCommonJS(context_exports);
+var import_react_utils = require("@kopexa/react-utils");
+var import_theme = require("@kopexa/theme");
+var import_tooltip = require("@kopexa/tooltip");
+var import_use_is_mobile = require("@kopexa/use-is-mobile");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PIN_COOKIE = "kpx_sidebar_v2_pinned";
+var PIN_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var [Provider, useSidebarV2] = (0, import_react_utils.createContext)({
+  name: "SidebarV2Context",
+  errorMessage: "useSidebarV2 must be used within <SidebarV2> (the provider component)."
+});
+var defaultRenderLink = (props) => {
+  const { href, className, children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, className, ...rest, children });
+};
+function SidebarV2Provider({
+  children,
+  tone = "dark",
+  flyoutTrigger = "click",
+  activeHref,
+  renderLink = defaultRenderLink,
+  pinned: pinnedProp,
+  onPinnedChange,
+  defaultPinned = true
+}) {
+  const isMobile = (0, import_use_is_mobile.useIsMobile)();
+  const [drawerOpen, setDrawerOpen] = (0, import_react.useState)(false);
+  const [flyoutValue, setFlyoutValue] = (0, import_react.useState)(null);
+  const [selectedRail, setSelectedRail] = (0, import_react.useState)(null);
+  const [openGroup, setOpenGroup] = (0, import_react.useState)(null);
+  const [pinnedUncontrolled, setPinnedUncontrolled] = (0, import_react.useState)(defaultPinned);
+  const pinned = pinnedProp != null ? pinnedProp : pinnedUncontrolled;
+  const [panelHost, setPanelHost] = (0, import_react.useState)(null);
+  const [overrideCount, setOverrideCount] = (0, import_react.useState)(0);
+  const registerPanelOverride = (0, import_react.useCallback)(() => {
+    setOverrideCount((c) => c + 1);
+    return () => setOverrideCount((c) => c - 1);
+  }, []);
+  const panelOverrideActive = overrideCount > 0;
+  const navPreviewActive = pinned ? selectedRail !== null : flyoutValue !== null;
+  const styles = (0, import_react.useMemo)(() => (0, import_theme.sidebarV2)({ tone }), [tone]);
+  const setPinned = (0, import_react.useCallback)(
+    (value2) => {
+      onPinnedChange == null ? void 0 : onPinnedChange(value2);
+      if (pinnedProp === void 0) {
+        setPinnedUncontrolled(value2);
+      }
+      document.cookie = `${PIN_COOKIE}=${value2}; path=/; max-age=${PIN_COOKIE_MAX_AGE}`;
+    },
+    [onPinnedChange, pinnedProp]
+  );
+  const togglePin = (0, import_react.useCallback)(() => {
+    setPinned(!pinned);
+    setFlyoutValue(null);
+  }, [pinned, setPinned]);
+  const openFlyout = (0, import_react.useCallback)((value2) => {
+    setFlyoutValue((curr) => curr === value2 ? null : value2);
+  }, []);
+  const setFlyout = (0, import_react.useCallback)((value2) => {
+    setFlyoutValue(value2);
+  }, []);
+  const closeFlyout = (0, import_react.useCallback)(() => setFlyoutValue(null), []);
+  const resetPanelSelection = (0, import_react.useCallback)(() => {
+    setSelectedRail(null);
+    setFlyoutValue(null);
+  }, []);
+  const toggleGroup = (0, import_react.useCallback)((key) => {
+    setOpenGroup((curr) => curr === key ? null : key);
+  }, []);
+  const isActive = (0, import_react.useCallback)(
+    (href) => activeHref === href || href !== "/" && activeHref.startsWith(`${href}/`),
+    [activeHref]
+  );
+  const value = (0, import_react.useMemo)(
+    () => ({
+      tone,
+      styles,
+      pinned,
+      togglePin,
+      setPinned,
+      selectedRail,
+      setSelectedRail,
+      flyoutTrigger,
+      flyoutValue,
+      openFlyout,
+      setFlyout,
+      closeFlyout,
+      resetPanelSelection,
+      openGroup,
+      toggleGroup,
+      setOpenGroup,
+      activeHref,
+      isActive,
+      renderLink,
+      isMobile,
+      drawerOpen,
+      setDrawerOpen,
+      panelHost,
+      setPanelHost,
+      panelOverrideActive,
+      registerPanelOverride,
+      navPreviewActive
+    }),
+    [
+      tone,
+      styles,
+      pinned,
+      togglePin,
+      setPinned,
+      selectedRail,
+      flyoutTrigger,
+      flyoutValue,
+      openFlyout,
+      setFlyout,
+      closeFlyout,
+      resetPanelSelection,
+      openGroup,
+      toggleGroup,
+      activeHref,
+      isActive,
+      renderLink,
+      isMobile,
+      drawerOpen,
+      panelHost,
+      panelOverrideActive,
+      registerPanelOverride,
+      navPreviewActive
+    ]
+  );
+  (0, import_react.useEffect)(() => {
+    setDrawerOpen(false);
+    setFlyoutValue(null);
+    setSelectedRail(null);
+    setOpenGroup(null);
+  }, [activeHref]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { delayDuration: 0, children }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SidebarV2Provider,
+  useSidebarV2
+});

package/dist/v2/context.mjs

@@ -0,0 +1,10 @@
+"use client";
+"use client";
+import {
+  SidebarV2Provider,
+  useSidebarV2
+} from "../chunk-AIRHHM7Z.mjs";
+export {
+  SidebarV2Provider,
+  useSidebarV2
+};

package/dist/v2/from-config.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { SidebarV2Nav } from './types.mjs';
+
+type SidebarV2FromConfigProps = {
+    items: SidebarV2Nav;
+    /** Rendered at the very top of the rail (e.g. <SidebarV2.Workspace />). */
+    header?: ReactNode;
+};
+declare function SidebarV2FromConfig({ items, header, }: SidebarV2FromConfigProps): react_jsx_runtime.JSX.Element;
+
+export { SidebarV2FromConfig, type SidebarV2FromConfigProps };

package/dist/v2/from-config.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { SidebarV2Nav } from './types.js';
+
+type SidebarV2FromConfigProps = {
+    items: SidebarV2Nav;
+    /** Rendered at the very top of the rail (e.g. <SidebarV2.Workspace />). */
+    header?: ReactNode;
+};
+declare function SidebarV2FromConfig({ items, header, }: SidebarV2FromConfigProps): react_jsx_runtime.JSX.Element;
+
+export { SidebarV2FromConfig, type SidebarV2FromConfigProps };