@ultraviolet/plus 3.4.5 → 3.5.0

package/dist/components/Navigation/NavigationProvider.js

@@ -1,170 +1,121 @@
-"use client";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import en_default from "./locales/en.js";
+import { createContext, useCallback, useContext, useMemo, useReducer, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useContext, useState, useReducer, useRef, useCallback, useMemo, createContext } from "react";
-import { NAVIGATION_WIDTH, ANIMATION_DURATION } from "./constants.js";
-import NavigationLocales from "./locales/en.js";
+
+//#region src/components/Navigation/NavigationProvider.tsx
 const NavigationContext = createContext({
-  allowNavigationResize: true,
-  animation: false,
-  animationType: "simple",
-  expanded: true,
-  items: {},
-  locales: NavigationLocales,
-  navigationRef: { current: null },
-  pinItem: () => [],
-  pinLimit: 7,
-  pinnedItems: [],
-  registerItem: () => {
-  },
-  reorderItems: () => [],
-  setAllowNavigationResize: () => {
-  },
-  setPinnedItems: () => {
-  },
-  setWidth: () => {
-  },
-  shouldAnimate: true,
-  /**
-   * This function will trigger the expand/collapse of the navigation and
-   * will also trigger the animation
-   */
-  toggleExpand: () => {
-  },
-  unpinItem: () => [],
-  width: NAVIGATION_WIDTH
+	allowNavigationResize: true,
+	animation: false,
+	animationType: "simple",
+	expanded: true,
+	items: {},
+	locales: en_default,
+	navigationRef: { current: null },
+	pinItem: () => [],
+	pinLimit: 7,
+	pinnedItems: [],
+	registerItem: () => {},
+	reorderItems: () => [],
+	setAllowNavigationResize: () => {},
+	setPinnedItems: () => {},
+	setWidth: () => {},
+	shouldAnimate: true,
+	toggleExpand: () => {},
+	unpinItem: () => [],
+	width: 280
 });
 const useNavigation = () => useContext(NavigationContext);
-const NavigationProvider = ({
-  children,
-  pinnedFeature = false,
-  initialPinned,
-  initialExpanded = true,
-  locales = NavigationLocales,
-  pinLimit = 7,
-  onExpandChange,
-  initialWidth = NAVIGATION_WIDTH,
-  initialAllowNavigationResize = true,
-  animation: shouldAnimate = true,
-  animationType,
-  showHide
-}) => {
-  const [expanded, setExpanded] = useState(initialExpanded);
-  const [pinnedItems, setPinnedItems] = useState(initialPinned ?? []);
-  const [animation, setAnimation] = useState(
-    false
-  );
-  const [width, setWidth] = useState(initialWidth);
-  const [allowNavigationResize, setAllowNavigationResize] = useState(
-    initialAllowNavigationResize
-  );
-  const [items, registerItem] = useReducer(
-    (oldState, newState) => ({
-      ...oldState,
-      ...newState
-    }),
-    {}
-  );
-  const navigationRef = useRef(null);
-  const toggleExpand = useCallback(
-    (toggle) => {
-      if (typeof toggle !== "boolean" && toggle !== void 0) {
-        throw new Error(
-          "toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>"
-        );
-      }
-      if (toggle !== void 0 && toggle === expanded) {
-        return;
-      }
-      onExpandChange?.(!expanded);
-      if (navigationRef.current) {
-        navigationRef.current.style.width = "";
-      }
-      if (shouldAnimate) {
-        setAnimation(expanded ? "collapse" : "expand");
-        setTimeout(() => {
-          setExpanded(toggle ?? !expanded);
-          setAnimation(false);
-        }, ANIMATION_DURATION);
-      } else {
-        setExpanded(toggle ?? !expanded);
-      }
-    },
-    [expanded, onExpandChange, shouldAnimate]
-  );
-  const pinItem = useCallback(
-    (item) => {
-      const newValue = [...pinnedItems, item];
-      setPinnedItems(newValue);
-      return newValue;
-    },
-    [pinnedItems]
-  );
-  const unpinItem = useCallback(
-    (item) => {
-      const newValue = pinnedItems.filter((localItem) => localItem !== item);
-      setPinnedItems(newValue);
-      return newValue;
-    },
-    [pinnedItems]
-  );
-  const reorderItems = useCallback(
-    (initialIndex, endIndex) => {
-      const newPinnedItems = [...pinnedItems];
-      const [removed] = newPinnedItems.splice(initialIndex, 1);
-      newPinnedItems.splice(endIndex, 0, removed);
-      setPinnedItems(newPinnedItems);
-      return newPinnedItems;
-    },
-    [pinnedItems]
-  );
-  const value = useMemo(
-    () => ({
-      allowNavigationResize,
-      animation,
-      animationType,
-      expanded,
-      items,
-      locales,
-      navigationRef,
-      pinItem,
-      pinLimit,
-      pinnedFeature,
-      pinnedItems,
-      registerItem,
-      reorderItems,
-      setAllowNavigationResize,
-      setAnimation,
-      setPinnedItems,
-      setWidth,
-      shouldAnimate,
-      toggleExpand,
-      unpinItem,
-      width,
-      showHide
-    }),
-    [
-      expanded,
-      toggleExpand,
-      pinnedItems,
-      pinItem,
-      unpinItem,
-      pinnedFeature,
-      locales,
-      pinLimit,
-      animation,
-      width,
-      reorderItems,
-      items,
-      allowNavigationResize,
-      shouldAnimate,
-      animationType,
-      showHide
-    ]
-  );
-  return /* @__PURE__ */ jsx(NavigationContext.Provider, { value, children });
-};
-export {
-  NavigationContext,
-  NavigationProvider,
-  useNavigation
+const NavigationProvider = ({ children, pinnedFeature = false, initialPinned, initialExpanded = true, locales = en_default, pinLimit = 7, onExpandChange, initialWidth = 280, initialAllowNavigationResize = true, animation: shouldAnimate = true, animationType, showHide }) => {
+	const [expanded, setExpanded] = useState(initialExpanded);
+	const [pinnedItems, setPinnedItems] = useState(initialPinned !== null && initialPinned !== void 0 ? initialPinned : []);
+	const [animation, setAnimation] = useState(false);
+	const [width, setWidth] = useState(initialWidth);
+	const [allowNavigationResize, setAllowNavigationResize] = useState(initialAllowNavigationResize);
+	const [items, registerItem] = useReducer((oldState, newState) => _objectSpread2(_objectSpread2({}, oldState), newState), {});
+	const navigationRef = useRef(null);
+	const toggleExpand = useCallback((toggle) => {
+		if (typeof toggle !== "boolean" && toggle !== void 0) throw new Error("toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>");
+		if (toggle !== void 0 && toggle === expanded) return;
+		onExpandChange === null || onExpandChange === void 0 || onExpandChange(!expanded);
+		if (navigationRef.current) navigationRef.current.style.width = "";
+		if (shouldAnimate) {
+			setAnimation(expanded ? "collapse" : "expand");
+			setTimeout(() => {
+				setExpanded(toggle !== null && toggle !== void 0 ? toggle : !expanded);
+				setAnimation(false);
+			}, 250);
+		} else setExpanded(toggle !== null && toggle !== void 0 ? toggle : !expanded);
+	}, [
+		expanded,
+		onExpandChange,
+		shouldAnimate
+	]);
+	const pinItem = useCallback((item) => {
+		const newValue = [...pinnedItems, item];
+		setPinnedItems(newValue);
+		return newValue;
+	}, [pinnedItems]);
+	const unpinItem = useCallback((item) => {
+		const newValue = pinnedItems.filter((localItem) => localItem !== item);
+		setPinnedItems(newValue);
+		return newValue;
+	}, [pinnedItems]);
+	const reorderItems = useCallback((initialIndex, endIndex) => {
+		const newPinnedItems = [...pinnedItems];
+		const [removed] = newPinnedItems.splice(initialIndex, 1);
+		newPinnedItems.splice(endIndex, 0, removed);
+		setPinnedItems(newPinnedItems);
+		return newPinnedItems;
+	}, [pinnedItems]);
+	const value = useMemo(() => ({
+		allowNavigationResize,
+		animation,
+		animationType,
+		expanded,
+		items,
+		locales,
+		navigationRef,
+		pinItem,
+		pinLimit,
+		pinnedFeature,
+		pinnedItems,
+		registerItem,
+		reorderItems,
+		setAllowNavigationResize,
+		setAnimation,
+		setPinnedItems,
+		setWidth,
+		shouldAnimate,
+		toggleExpand,
+		unpinItem,
+		width,
+		showHide
+	}), [
+		expanded,
+		toggleExpand,
+		pinnedItems,
+		pinItem,
+		unpinItem,
+		pinnedFeature,
+		locales,
+		pinLimit,
+		animation,
+		width,
+		reorderItems,
+		items,
+		allowNavigationResize,
+		shouldAnimate,
+		animationType,
+		showHide
+	]);
+	return /* @__PURE__ */ jsx(NavigationContext.Provider, {
+		value,
+		children
+	});
 };
+
+//#endregion
+export { NavigationProvider, useNavigation };

package/dist/components/Navigation/components/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/Group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,6CAKnB,UAAU,mDA4CZ,CAAA"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/Group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,KAAK,6GAiDjB,CAAA"}

package/dist/components/Navigation/components/Group.js

@@ -1,46 +1,39 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Text } from "@ultraviolet/ui";
-import { Children } from "react";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { useNavigation } from "../NavigationProvider.js";
 import { navigationGroupStack, navigationGroupText } from "./styles.css.js";
-const Group = ({
-  children,
-  label,
-  style,
-  additionalData
-}) => {
-  const context = useNavigation();
-  if (!context) {
-    throw new Error(
-      "Navigation.Group can only be used inside a NavigationProvider."
-    );
-  }
-  const { expanded, animation, animationType } = context;
-  const isDiplay = !animation && expanded;
-  if (Children.count(children) > 0) {
-    return /* @__PURE__ */ jsx("div", { style: { width: animation ? "100%" : void 0, ...style }, children: /* @__PURE__ */ jsxs(Stack, { className: navigationGroupStack, direction: "column", children: [
-      isDiplay ? /* @__PURE__ */ jsx(
-        Text,
-        {
-          as: "span",
-          className: navigationGroupText({
-            animation: animationType === "complex" ? animation : false
-          }),
-          prominence: "weak",
-          sentiment: "neutral",
-          variant: "bodySmallStrong",
-          children: additionalData ? /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
-            label,
-            additionalData
-          ] }) : label
-        }
-      ) : null,
-      children
-    ] }) });
-  }
-  return null;
-};
-export {
-  Group
+import { Stack, Text } from "@ultraviolet/ui";
+import { Children } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Navigation/components/Group.tsx
+const Group = ({ children, label, style, additionalData }) => {
+	const context = useNavigation();
+	if (!context) throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
+	const { expanded, animation, animationType } = context;
+	const isDiplay = !animation && expanded;
+	if (Children.count(children) > 0) return /* @__PURE__ */ jsx("div", {
+		style: _objectSpread2({ width: animation ? "100%" : void 0 }, style),
+		children: /* @__PURE__ */ jsxs(Stack, {
+			className: navigationGroupStack,
+			direction: "column",
+			children: [isDiplay ? /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				className: navigationGroupText({ animation: animationType === "complex" ? animation : false }),
+				prominence: "weak",
+				sentiment: "neutral",
+				variant: "bodySmallStrong",
+				children: additionalData ? /* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					justifyContent: "space-between",
+					children: [label, additionalData]
+				}) : label
+			}) : null, children]
+		})
+	});
+	return null;
 };
+
+//#endregion
+export { Group };

package/dist/components/Navigation/components/Item.d.ts

@@ -84,6 +84,6 @@ type ItemProps = {
     'data-testid'?: string;
     style?: CSSProperties;
 };
-export declare const Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, style, alwaysVisible, }: ItemProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, 'data-testid': dataTestId, style, alwaysVisible, }: ItemProps) => import("react/jsx-runtime").JSX.Element | null>;
 export {};
 //# sourceMappingURL=Item.d.ts.map

package/dist/components/Navigation/components/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/Item.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,EAON,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAEb,WAAW,EAEX,SAAS,EACV,MAAM,OAAO,CAAA;AAad,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAyB5C,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAA;AAMpD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IAC1D,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAA;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAOD,eAAO,MAAM,IAAI,uSA0BZ,SAAS,oDA0pBb,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/Item.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,KAAK,EAON,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAEb,WAAW,EAEX,SAAS,EACV,MAAM,OAAO,CAAA;AAad,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAyB5C,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAA;AAMpD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IAC1D,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAA;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAOD,eAAO,MAAM,IAAI,oWAorBhB,CAAA"}