@moser-inc/moser-labs-react 7.1.3 → 7.2.0

package/dist/index.d.ts

@@ -159,6 +159,28 @@ declare const LabsMain: <TDirectoryValue extends DirectoryValueBase = DirectoryV
   ...rest
 }: LabsMainProps<TDirectoryValue>) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/LabsMainHeader.d.ts
+interface LabsMainHeaderProps extends ComponentProps<'div'> {
+  title: string;
+  prepend?: ReactNode;
+  titleContent?: ReactNode;
+  prependTitle?: ReactNode;
+  appendTitle?: ReactNode;
+  append?: ReactNode;
+  actions?: ReactNode;
+}
+declare const LabsMainHeader: ({
+  title,
+  prepend,
+  titleContent,
+  prependTitle,
+  appendTitle,
+  append,
+  actions,
+  className,
+  ...rest
+}: LabsMainHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/LabsMenuNav.d.ts
 interface LabsMenuNavProps<TDirectoryValue extends DirectoryValueBase = DirectoryValueBase> extends MenuProps {
   items: Readonly<TDirectoryValue[]>;
@@ -20651,17 +20673,28 @@ type ControllerRenderParams<TValues extends FieldValues = FieldValues, TName ext
 };
 //#endregion
 //#region src/utils/animations.d.ts
-declare const DEFAULT_TRANSITION_MS = 150;
+declare const DEFAULT_TRANSITION_MS = 100;
 declare const DEFAULT_TRANSITION_SECONDS: number;
+declare const DEFAULT_TRANSITION: {
+  readonly duration: number;
+};
 declare const fadeAnimation: {
   readonly transition: {
     readonly duration: number;
   };
   readonly variants: {
     readonly enter: {
+      readonly transition: {
+        readonly ease: "easeOut";
+        readonly duration: number;
+      };
       readonly opacity: 1;
     };
     readonly exit: {
+      readonly transition: {
+        readonly ease: "easeIn";
+        readonly duration: number;
+      };
       readonly opacity: 0;
     };
   };
@@ -20675,10 +20708,18 @@ declare const slideYFadeAnimation: {
   };
   readonly variants: {
     readonly enter: {
+      readonly transition: {
+        readonly ease: "easeOut";
+        readonly duration: number;
+      };
       readonly y: "0rem";
       readonly opacity: 1;
     };
     readonly exit: {
+      readonly transition: {
+        readonly ease: "easeIn";
+        readonly duration: number;
+      };
       readonly y: "-0.25rem";
       readonly opacity: 0;
     };
@@ -20693,10 +20734,18 @@ declare const slideYFadeReverseAnimation: {
   };
   readonly variants: {
     readonly enter: {
+      readonly transition: {
+        readonly ease: "easeOut";
+        readonly duration: number;
+      };
       readonly y: "0rem";
       readonly opacity: 1;
     };
     readonly exit: {
+      readonly transition: {
+        readonly ease: "easeIn";
+        readonly duration: number;
+      };
       readonly y: "0.25rem";
       readonly opacity: 0;
     };
@@ -20711,10 +20760,18 @@ declare const scaleFadeAnimation: {
   };
   readonly variants: {
     readonly enter: {
+      readonly transition: {
+        readonly ease: "easeOut";
+        readonly duration: number;
+      };
       readonly scale: 1;
       readonly opacity: 1;
     };
     readonly exit: {
+      readonly transition: {
+        readonly ease: "easeIn";
+        readonly duration: number;
+      };
       readonly scale: 0;
       readonly opacity: 0;
     };
@@ -20729,10 +20786,18 @@ declare const scaleFadeSubtleAnimation: {
   };
   readonly variants: {
     readonly enter: {
+      readonly transition: {
+        readonly ease: "easeOut";
+        readonly duration: number;
+      };
       readonly scale: 1;
       readonly opacity: 1;
     };
     readonly exit: {
+      readonly transition: {
+        readonly ease: "easeIn";
+        readonly duration: number;
+      };
       readonly scale: 0.98;
       readonly opacity: 0;
     };
@@ -20900,4 +20965,4 @@ declare const toLabsTextareaProps: <TValues extends FieldValues = FieldValues, T
   name: TName;
 };
 //#endregion
-export { ControllerRenderParams, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsCount, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeaderActions, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsCount, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeader, LabsMainHeaderActions, LabsMainHeaderProps, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/dist/index.js

@@ -29,7 +29,7 @@ import { InputTextarea } from "primereact/inputtextarea";
 import { Panel } from "primereact/panel";
 //#endregion
 //#region src/constants/app.ts
-const VERSION = "7.1.3";
+const VERSION = "7.2.0";
 //#endregion
 //#region src/lib/head/headContext.tsx
 const head = createHead();
@@ -376,27 +376,47 @@ const FieldContainerLabel = ({ id, labelId = `${id}-label`, label, solo = false,
 };
 //#endregion
 //#region src/utils/animations.ts
-const DEFAULT_TRANSITION_MS = 150;
-const DEFAULT_TRANSITION_SECONDS = 150 / 1e3;
-const transition = { duration: DEFAULT_TRANSITION_SECONDS };
+const DEFAULT_TRANSITION_MS = 100;
+const DEFAULT_TRANSITION_SECONDS = 100 / 1e3;
+const DEFAULT_TRANSITION = { duration: DEFAULT_TRANSITION_SECONDS };
 const fadeAnimation = {
-	transition,
+	transition: DEFAULT_TRANSITION,
 	variants: {
-		enter: { opacity: 1 },
-		exit: { opacity: 0 }
+		enter: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeOut"
+			},
+			opacity: 1
+		},
+		exit: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeIn"
+			},
+			opacity: 0
+		}
 	},
 	initial: "exit",
 	animate: "enter",
 	exit: "exit"
 };
 const slideYFadeAnimation = {
-	transition,
+	transition: DEFAULT_TRANSITION,
 	variants: {
 		enter: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeOut"
+			},
 			y: "0rem",
 			opacity: 1
 		},
 		exit: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeIn"
+			},
 			y: "-0.25rem",
 			opacity: 0
 		}
@@ -406,13 +426,21 @@ const slideYFadeAnimation = {
 	exit: "exit"
 };
 const slideYFadeReverseAnimation = {
-	transition,
+	transition: DEFAULT_TRANSITION,
 	variants: {
 		enter: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeOut"
+			},
 			y: "0rem",
 			opacity: 1
 		},
 		exit: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeIn"
+			},
 			y: "0.25rem",
 			opacity: 0
 		}
@@ -422,13 +450,21 @@ const slideYFadeReverseAnimation = {
 	exit: "exit"
 };
 const scaleFadeAnimation = {
-	transition,
+	transition: DEFAULT_TRANSITION,
 	variants: {
 		enter: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeOut"
+			},
 			scale: 1,
 			opacity: 1
 		},
 		exit: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeIn"
+			},
 			scale: 0,
 			opacity: 0
 		}
@@ -438,13 +474,21 @@ const scaleFadeAnimation = {
 	exit: "exit"
 };
 const scaleFadeSubtleAnimation = {
-	transition,
+	transition: DEFAULT_TRANSITION,
 	variants: {
 		enter: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeOut"
+			},
 			scale: 1,
 			opacity: 1
 		},
 		exit: {
+			transition: {
+				...DEFAULT_TRANSITION,
+				ease: "easeIn"
+			},
 			scale: .98,
 			opacity: 0
 		}
@@ -662,6 +706,36 @@ const LabsMain = ({ item, className, children, ...rest }) => {
 	});
 };
 //#endregion
+//#region src/components/LabsMainHeader.tsx
+const LabsMainHeader = ({ title, prepend, titleContent, prependTitle, appendTitle, append, actions, className, ...rest }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(className, "labs-main-header"),
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "labs-main-header-content",
+			children: [
+				prepend,
+				titleContent ?? /* @__PURE__ */ jsxs("div", {
+					className: "labs-main-header-title-content",
+					children: [
+						prependTitle,
+						/* @__PURE__ */ jsx("h2", {
+							title,
+							className: "labs-main-header-title",
+							children: title
+						}),
+						appendTitle
+					]
+				}),
+				append
+			]
+		}), actions ? /* @__PURE__ */ jsx("div", {
+			className: "labs-main-header-actions",
+			children: actions
+		}) : null]
+	});
+};
+//#endregion
 //#region src/components/LabsMenuNav.tsx
 const LabsMenuNav = ({ items, renderItem, model, role = "navigation", ...rest }) => {
 	const modelItems = useMemo(() => items.map(renderItem), [items, renderItem]);
@@ -1101,4 +1175,4 @@ const toLabsTextareaProps = ({ field: { ref, value, ...field }, fieldState }) =>
 	value
 });
 //#endregion
-export { DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsCount, LabsDate, LabsEmpty, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsCount, LabsDate, LabsEmpty, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeader, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moser-inc/moser-labs-react",
-  "version": "7.1.3",
+  "version": "7.2.0",
   "description": "React components for the Moser Labs suite of applications.",
   "license": "UNLICENSED",
   "author": "Moser Consulting",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@analytics/mixpanel": "^0.4.0",
-    "@moser-inc/moser-labs-custom-elements": "3.1.5",
+    "@moser-inc/moser-labs-custom-elements": "3.1.6",
     "@react-hookz/web": "^25.2.0",
     "analytics": "^0.8.19",
     "clsx": "^2.1.1",
@@ -49,7 +49,7 @@
     "@hookform/resolvers": "^5.2.2",
     "@moser-inc/eslint-config-react": "^5.1.5",
     "@moser-inc/moser-labs-themes": "1.4.3",
-    "@moser-inc/unocss-preset-moser-labs": "6.3.7",
+    "@moser-inc/unocss-preset-moser-labs": "6.4.0",
     "@tsconfig/node24": "^24.0.4",
     "@tsconfig/vite-react": "^7.0.2",
     "@types/node": "~24.10.15",