@moser-inc/moser-labs-react 7.2.2 → 7.3.0

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { ButtonProps } from "primereact/button";
 import { Calendar, CalendarProps, CalendarSelectionMode } from "primereact/calendar";
 import * as primereact_checkbox0 from "primereact/checkbox";
 import { CheckboxProps } from "primereact/checkbox";
-import { MotionProps } from "motion/react";
+import { MotionProps, motion } from "motion/react";
 import { MenuProps } from "primereact/menu";
 import { SpeedDialProps } from "primereact/speeddial";
 import { MultiSelectChangeEvent, MultiSelectProps } from "primereact/multiselect";
@@ -55,7 +55,7 @@ declare const LabsCalendarBase: {
 };
 declare const LabsCalendar: <TMode extends CalendarSelectionMode = "single", TValue = (TMode extends "multiple" ? Date[] : TMode extends "range" ? (Date | null)[] : Date)>(props: LabsCalendarProps<TMode, TValue> & react.RefAttributes<Calendar<TMode, TValue>>) => React.ReactElement | null;
 //#endregion
-//#region src/components/FieldContainer/FieldContainer.d.ts
+//#region src/components/LabsFieldContainer.d.ts
 interface FieldContainerProps {
   id: string;
   containerId?: string;
@@ -69,6 +69,19 @@ interface FieldContainerProps {
   className?: string;
   children?: ReactNode;
 }
+declare const FieldContainer: ({
+  id,
+  containerId,
+  labelId,
+  messageId,
+  hintId,
+  label,
+  message,
+  hint,
+  animation,
+  children,
+  ...rest
+}: FieldContainerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsCheckbox.d.ts
 type FieldProps$6 = Partial<CheckboxProps> & FieldContainerProps;
@@ -78,22 +91,30 @@ declare const LabsCheckbox: {
   displayName: string;
 };
 //#endregion
-//#region src/components/LabsCount.d.ts
-interface LabsCountProps {
-  count: number | string;
-  plural: string;
-  singular: string;
-  showCount?: boolean;
-}
-declare const LabsCount: React.FC<LabsCountProps>;
-//#endregion
-//#region src/components/FieldContainer/FieldContainerInput.d.ts
+//#region src/components/LabsFieldContainerInput.d.ts
 interface FieldContainerInputProps extends FieldContainerProps {
   solo?: boolean;
   floatLabel?: boolean;
   prependIcon?: string;
   appendIcon?: string;
 }
+declare const FieldContainerInput: ({
+  id,
+  containerId,
+  labelId,
+  messageId,
+  hintId,
+  label,
+  message,
+  hint,
+  solo,
+  floatLabel,
+  prependIcon,
+  appendIcon,
+  className,
+  children,
+  ...rest
+}: FieldContainerInputProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsDate.d.ts
 type FieldProps$5<TMode extends CalendarSelectionMode = 'single', TValue = (TMode extends 'multiple' ? Date[] : TMode extends 'range' ? (Date | null)[] : Date)> = LabsCalendarProps<TMode, TValue> & FieldContainerInputProps;
@@ -113,6 +134,59 @@ declare const LabsEmpty: ({
   ...rest
 }: LabsEmptyProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/LabsFieldContainerHint.d.ts
+type BaseProps = Omit<ComponentProps<typeof motion.span>, 'children'>;
+interface FieldContainerHintProps extends BaseProps {
+  id: string;
+  hintId?: string;
+  hint?: string;
+  solo?: boolean;
+  children?: ReactNode;
+}
+declare const FieldContainerHint: ({
+  id,
+  hintId,
+  hint,
+  solo,
+  children,
+  className,
+  ...rest
+}: FieldContainerHintProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/LabsFieldContainerLabel.d.ts
+interface FieldContainerLabelProps extends ComponentProps<typeof motion.label> {
+  id: string;
+  labelId?: string;
+  label?: string;
+  solo?: boolean;
+}
+declare const FieldContainerLabel: ({
+  id,
+  labelId,
+  label,
+  solo,
+  children,
+  className,
+  ...rest
+}: FieldContainerLabelProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/LabsFieldContainerMessage.d.ts
+interface FieldContainerMessageProps extends ComponentProps<typeof motion.span> {
+  id: string;
+  messageId?: string;
+  message?: string;
+  solo?: boolean;
+}
+declare const FieldContainerMessage: ({
+  id,
+  messageId,
+  message,
+  solo,
+  children,
+  className,
+  ...rest
+}: FieldContainerMessageProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/LabsLoader.d.ts
 interface LabsLoaderProps extends ProgressSpinnerProps {
   label?: string;
@@ -242,8 +316,9 @@ declare const LabsMainMobileNav: <TDirectoryValue extends DirectoryValueBase = D
 declare module 'react/jsx-runtime' {
   namespace JSX {
     interface IntrinsicElements {
-      'labs-app-switcher': HTMLAttributes<HTMLElement>;
       'labs-account': HTMLAttributes<HTMLElement>;
+      'labs-app-switcher': HTMLAttributes<HTMLElement>;
+      'labs-avatar': HTMLAttributes<HTMLElement>;
     }
   }
 }
@@ -20966,4 +21041,4 @@ declare const toLabsTextareaProps: <TValues extends FieldValues = FieldValues, T
   name: TName;
 };
 //#endregion
-export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LABS_MAIN_ID, 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 };
+export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, FieldContainer, FieldContainerHint, FieldContainerHintProps, FieldContainerInput, FieldContainerInputProps, FieldContainerLabel, FieldContainerLabelProps, FieldContainerMessage, FieldContainerMessageProps, FieldContainerProps, KeycloakUser, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, 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.2.2";
+const VERSION = "7.3.0";
 //#endregion
 //#region src/lib/head/headContext.tsx
 const head = createHead();
@@ -352,7 +352,7 @@ const toFieldSharedProps = (fieldProps) => {
 	return { className: clsx("w-full", { "p-invalid": !!fieldProps.message }) };
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainerHint.tsx
+//#region src/components/LabsFieldContainerHint.tsx
 const FieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, children = hint, className, ...rest }) => {
 	if (!children) return null;
 	return /* @__PURE__ */ jsx(motion.span, {
@@ -363,7 +363,7 @@ const FieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, chi
 	});
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainerLabel.tsx
+//#region src/components/LabsFieldContainerLabel.tsx
 const FieldContainerLabel = ({ id, labelId = `${id}-label`, label, solo = false, children = label, className, ...rest }) => {
 	if (!children) return null;
 	return /* @__PURE__ */ jsx(motion.label, {
@@ -498,7 +498,7 @@ const scaleFadeSubtleAnimation = {
 	exit: "exit"
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainerMessage.tsx
+//#region src/components/LabsFieldContainerMessage.tsx
 const FieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo = false, children = message, className, ...rest }) => {
 	return /* @__PURE__ */ jsx(AnimatePresence, {
 		mode: "wait",
@@ -514,7 +514,7 @@ const FieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo
 	});
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainer.tsx
+//#region src/components/LabsFieldContainer.tsx
 const FieldContainer = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, children, ...rest }) => {
 	return /* @__PURE__ */ jsxs(motion.div, {
 		id: containerId,
@@ -574,19 +574,7 @@ const LabsCheckbox = (props) => {
 };
 LabsCheckbox.displayName = "LabsCheckbox";
 //#endregion
-//#region src/utils/pluralize.ts
-const pluralize = (count, singular, plural, inclusive = false) => {
-	const parsedCount = !isNaN(Number(count)) ? Number(count) : 0;
-	if (!inclusive) return parsedCount === 1 ? singular : plural;
-	return `${parsedCount} ${parsedCount === 1 ? singular : plural}`;
-};
-//#endregion
-//#region src/components/LabsCount.tsx
-const LabsCount = ({ count, plural, singular, showCount = true }) => {
-	return /* @__PURE__ */ jsx("span", { children: pluralize(count, singular, plural, showCount) });
-};
-//#endregion
-//#region src/components/FieldContainer/FieldContainerInput.tsx
+//#region src/components/LabsFieldContainerInput.tsx
 const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, solo = false, floatLabel = false, prependIcon, appendIcon, className, children, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FieldContainer, {
 		id,
@@ -1125,6 +1113,13 @@ const toPrecision = (number = 0, precision = 2) => {
 	return round(isFinite(parsedNumber) ? parsedNumber : 0, precision).toFixed(precision);
 };
 //#endregion
+//#region src/utils/pluralize.ts
+const pluralize = (count, singular, plural, inclusive = false) => {
+	const parsedCount = !isNaN(Number(count)) ? Number(count) : 0;
+	if (!inclusive) return parsedCount === 1 ? singular : plural;
+	return `${parsedCount} ${parsedCount === 1 ? singular : plural}`;
+};
+//#endregion
 //#region src/utils/reactHookFormHelpers.ts
 const toFieldContainerProps = (fieldState) => ({ message: fieldState.error?.message });
 const toLabsCheckboxProps = ({ field: { ref, value, ...field }, fieldState }) => ({
@@ -1177,4 +1172,4 @@ const toLabsTextareaProps = ({ field: { ref, value, ...field }, fieldState }) =>
 	value
 });
 //#endregion
-export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LABS_MAIN_ID, 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 };
+export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, FieldContainer, FieldContainerHint, FieldContainerInput, FieldContainerLabel, FieldContainerMessage, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, 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.2.2",
+  "version": "7.3.0",
   "description": "React components for the Moser Labs suite of applications.",
   "license": "UNLICENSED",
   "author": "Moser Consulting",
@@ -48,8 +48,8 @@
   "devDependencies": {
     "@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.4.1",
+    "@moser-inc/moser-labs-themes": "1.4.4",
+    "@moser-inc/unocss-preset-moser-labs": "6.4.2",
     "@tsconfig/node24": "^24.0.4",
     "@tsconfig/vite-react": "^7.0.2",
     "@types/node": "~24.10.15",