@povio/ui 0.0.10 → 0.1.0

package/dist/components/buttons/Button/Button.d.ts

@@ -1,6 +1,7 @@
 import { FC, ReactElement, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
 import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
+import { LinkNavigationProps } from '../../text/Link/Link';
 import { ButtonVariantProps } from './button.cva';
 export type ButtonIconProps<IconOnly extends boolean = false> = {
     iconOnly?: IconOnly;
@@ -18,7 +19,7 @@ type ToggleButtonProps = {
 export type ButtonProps<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps & {
     children: string;
     isLoading?: boolean;
-    link?: AriaLinkProps;
+    link?: LinkNavigationProps;
     noDisableWhenLoading?: boolean;
     iconClassName?: string;
     disableTooltip?: boolean;

package/dist/components/buttons/Button/Button.js

@@ -3,6 +3,7 @@ import { clsx } from "clsx";
 import { Link, ToggleButton, Button as Button$1 } from "react-aria-components";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { TooltipEllipsis } from "../../overlays/Tooltip/TooltipEllipsis.js";
+import { LinkContext } from "../../../config/link.context.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { button, buttonSize, buttonContent, buttonIconSize, buttonTypography } from "./button.cva.js";
 const Button = ({
@@ -17,6 +18,7 @@ const Button = ({
   disableTooltip,
   ...props
 }) => {
+  const linkContext = LinkContext.useLinkContext();
   const uiStyle = UIStyle.useConfig();
   const buttonCva = uiStyle?.button?.cva ?? button;
   const buttonSizeCva = uiStyle?.button?.sizeCva ?? buttonSize;
@@ -25,13 +27,16 @@ const Button = ({
   const typographyMap = uiStyle?.button?.typography ?? buttonTypography;
   const Component = (() => {
     if (link) {
-      return Link;
+      return linkContext?.LinkComponent ?? Link;
     }
     if (props.toggle != null) {
       return ToggleButton;
     }
     return Button$1;
   })();
+  if (link && !link.to && link.href) {
+    link.to = link.href;
+  }
   return /* @__PURE__ */ jsx(
     TooltipEllipsis,
     {

package/dist/components/buttons/IconButton/IconButton.d.ts

@@ -1,10 +1,11 @@
 import { FC, ReactElement, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { ButtonVariantProps } from '../Button/button.cva';
+import { LinkNavigationProps } from '../../text/Link/Link';
 export interface IconButtonProps extends ButtonVariantProps, Omit<AriaButtonProps, "children"> {
     label: string;
     icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
-    link?: AriaLinkProps;
+    link?: LinkNavigationProps;
     disableTooltip?: boolean;
 }
 export declare const IconButton: ({ label, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/InlineIconButton/InlineIconButton.d.ts

@@ -1,10 +1,11 @@
 import { FC, ReactElement, RefObject, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { ButtonVariantProps } from '../Button/button.cva';
+import { LinkNavigationProps } from '../../text/Link/Link';
 export interface InlineIconButtonProps extends Omit<AriaButtonProps, "children">, ButtonVariantProps {
     label: string;
     icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
-    link?: AriaLinkProps;
+    link?: LinkNavigationProps;
     ref?: RefObject<HTMLButtonElement | HTMLAnchorElement | null>;
     disableTooltip?: boolean;
 }

package/dist/components/buttons/SplitButton/SplitButton.d.ts

@@ -1,10 +1,11 @@
-import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { ButtonVariantProps } from '../Button/button.cva';
 import { MenuItem } from '../../Menu/Menu';
+import { LinkNavigationProps } from '../../text/Link/Link';
 export interface SplitButtonProps extends ButtonVariantProps, Omit<AriaButtonProps, "children"> {
     label: string;
     labelRight: string;
-    link?: AriaLinkProps;
+    link?: LinkNavigationProps;
     items: MenuItem[];
 }
 export declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/TextButton/TextButton.d.ts

@@ -1,11 +1,12 @@
-import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
 import { ButtonIconProps } from '../Button/Button';
 import { ButtonVariantProps } from '../Button/button.cva';
 import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
+import { LinkNavigationProps } from '../../text/Link/Link';
 export type TextButtonProps = Omit<ButtonVariantProps, "variant"> & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<true | false> & {
     children: string;
     isLoading?: boolean;
-    link?: AriaLinkProps;
+    link?: LinkNavigationProps;
     disableTooltip?: boolean;
 };
 export declare const TextButton: ({ children, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -39,7 +39,15 @@ const Tooltip = ({
       closeDelay: closeDelay ?? 0,
       isDisabled,
       children: [
-        /* @__PURE__ */ jsx(Trigger, { className: triggerClassName, children }),
+        /* @__PURE__ */ jsx(
+          Trigger,
+          {
+            ...isNonInteractiveTrigger && {
+              className: triggerClassName
+            },
+            children
+          }
+        ),
         /* @__PURE__ */ jsxs(
           Tooltip$1,
           {

package/dist/components/text/Link/Link.d.ts

@@ -1,7 +1,9 @@
 import { PropsWithChildren } from 'react';
 import { LinkProps as AriaLinkProps } from 'react-aria-components';
 import { LinkVariantProps } from './link.cva';
-export interface LinkProps extends PropsWithChildren<AriaLinkProps>, LinkVariantProps {
+export interface LinkNavigationProps extends AriaLinkProps {
+}
+export interface LinkProps extends PropsWithChildren<LinkNavigationProps>, LinkVariantProps {
     className?: string;
 }
 export declare const Link: ({ variant, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/text/Link/Link.js

@@ -1,12 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import { Link as Link$1 } from "react-aria-components";
 import { link } from "./link.cva.js";
+import { LinkContext } from "../../../config/link.context.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 const Link = ({ variant, ...props }) => {
+  const linkContext = LinkContext.useLinkContext();
   const uiStyle = UIStyle.useConfig();
   const linkCva = uiStyle?.link?.cva ?? link;
+  const LinkComponent = linkContext?.LinkComponent ?? Link$1;
+  if (!props.to && props.href) {
+    props.to = props.href;
+  }
   return /* @__PURE__ */ jsx(
-    Link$1,
+    LinkComponent,
     {
       ...props,
       className: linkCva({ variant, className: props.className })

package/dist/config/link.context.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType, PropsWithChildren } from 'react';
+import { LinkNavigationProps } from '../components/text/Link/Link';
+interface LinkContextValue {
+    LinkComponent?: ComponentType<LinkNavigationProps>;
+}
+export declare namespace LinkContext {
+    const LinkContextProvider: ({ children, LinkComponent }: PropsWithChildren<LinkContextValue>) => import("react/jsx-runtime").JSX.Element;
+    const useLinkContext: () => LinkContextValue;
+}
+export {};

package/dist/config/link.context.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, use } from "react";
+var LinkContext;
+((LinkContext2) => {
+  const LinkContextInternal = createContext(null);
+  LinkContext2.LinkContextProvider = ({ children, LinkComponent }) => {
+    const value = {
+      LinkComponent
+    };
+    return /* @__PURE__ */ jsx(LinkContextInternal.Provider, { value, children });
+  };
+  LinkContext2.useLinkContext = () => {
+    const context = use(LinkContextInternal);
+    return context;
+  };
+})(LinkContext || (LinkContext = {}));
+export {
+  LinkContext
+};

package/dist/index.d.ts

@@ -143,7 +143,7 @@ export { PaginatedTable } from './components/table/PaginatedTable';
 export type { TableProps, TableWrapperProps } from './components/table/Table';
 export { Table } from './components/table/Table';
 export type { TableRowVariantProps } from './components/table/table.cva';
-export type { LinkProps } from './components/text/Link/Link';
+export type { LinkNavigationProps, LinkProps } from './components/text/Link/Link';
 export { Link } from './components/text/Link/Link';
 export type { LinkVariantProps } from './components/text/Link/link.cva';
 export type { TagProps } from './components/text/Tag/Tag';
@@ -154,6 +154,7 @@ export { Typography } from './components/text/Typography/Typography';
 export type { TypographyVariantProps } from './components/text/Typography/typography.cva';
 export { Confirmation } from './config/confirmation.context';
 export { ns, resources } from './config/i18n';
+export { LinkContext } from './config/link.context';
 export { UIRouter } from './config/router.context';
 export { UIConfig } from './config/uiConfig.context';
 export { UIStyle } from './config/uiStyle.context';
@@ -200,11 +201,8 @@ export { createAclGuard } from './utils/vendor/acl/AclGuard';
 export { AbilityContext } from './utils/vendor/acl/ability.context';
 export type { AppAbilities, AppAbility } from './utils/vendor/acl/appAbility.types';
 export { Can } from './utils/vendor/acl/Can';
-export type { AuthGuardProps } from './utils/vendor/auth/AuthGuard';
 export { AuthGuard } from './utils/vendor/auth/AuthGuard';
 export { AuthContext } from './utils/vendor/auth/auth.context';
-export type { WithPrivateAuthGuardProps } from './utils/vendor/auth/withPrivateAuthGuard';
-export { withPrivateAuthGuard } from './utils/vendor/auth/withPrivateAuthGuard';
 export type { GeneralErrorCodes } from './utils/vendor/error-handling';
 export { ApplicationException, ErrorHandler, SharedErrorHandler } from './utils/vendor/error-handling';
 export type { RequestConfig, RequestInfo, Response, RestClient as IRestClient, } from './utils/vendor/rest-client.types';

package/dist/index.js

@@ -93,6 +93,7 @@ import { Tag } from "./components/text/Tag/Tag.js";
 import { Typography } from "./components/text/Typography/Typography.js";
 import { Confirmation } from "./config/confirmation.context.js";
 import { ns, resources } from "./config/i18n.js";
+import { LinkContext } from "./config/link.context.js";
 import { UIRouter } from "./config/router.context.js";
 import { UIConfig } from "./config/uiConfig.context.js";
 import { UIStyle } from "./config/uiStyle.context.js";
@@ -133,7 +134,6 @@ import { AbilityContext } from "./utils/vendor/acl/ability.context.js";
 import { Can } from "./utils/vendor/acl/Can.js";
 import { AuthGuard } from "./utils/vendor/auth/AuthGuard.js";
 import { AuthContext } from "./utils/vendor/auth/auth.context.js";
-import { withPrivateAuthGuard } from "./utils/vendor/auth/withPrivateAuthGuard.js";
 import { ApplicationException, ErrorHandler, SharedErrorHandler } from "./utils/vendor/error-handling.js";
 import { RestInterceptor } from "./utils/vendor/rest-interceptor.js";
 export {
@@ -199,6 +199,7 @@ export {
   Inputs,
   ItalicIcon,
   Link,
+  LinkContext,
   LinkIcon,
   Loader,
   Menu,
@@ -279,6 +280,5 @@ export {
   useTableColumnConfig,
   useTableNav,
   useToast,
-  useTranslationMemo,
-  withPrivateAuthGuard
+  useTranslationMemo
 };

package/dist/utils/vendor/acl/AclGuard.d.ts

@@ -1,8 +1,8 @@
-import { WithPrivateAuthGuardProps } from '../auth/withPrivateAuthGuard';
+import { PropsWithChildren } from 'react';
 import { AppAbilities } from './appAbility.types';
-export declare const createAclGuard: <TAppAbilities extends AppAbilities = AppAbilities>() => ({ privateAuthGuardProps, ...props }: {
+interface AclGuardProps<TAppAbilities extends AppAbilities = AppAbilities> {
     canUse: TAppAbilities;
     redirectTo?: string;
-} & {
-    children?: import('react').ReactNode | undefined;
-} & WithPrivateAuthGuardProps) => import("react/jsx-runtime").JSX.Element;
+}
+export declare const createAclGuard: <TAppAbilities extends AppAbilities = AppAbilities>() => ({ canUse, redirectTo, children }: PropsWithChildren<AclGuardProps<TAppAbilities>>) => import('react').ReactNode;
+export {};

package/dist/utils/vendor/acl/AclGuard.js

@@ -1,7 +1,6 @@
 import { UIRouter } from "../../../config/router.context.js";
 import { AbilityContext } from "./ability.context.js";
-import { withPrivateAuthGuard } from "../auth/withPrivateAuthGuard.js";
-const createAclGuard = () => withPrivateAuthGuard(({ canUse, redirectTo = "/", children }) => {
+const createAclGuard = () => ({ canUse, redirectTo = "/", children }) => {
   const ability = AbilityContext.useAbility();
   const { replace } = UIRouter.useUIRouter();
   if (!ability.can(canUse[0], canUse[1])) {
@@ -9,7 +8,7 @@ const createAclGuard = () => withPrivateAuthGuard(({ canUse, redirectTo = "/", c
     return null;
   }
   return children;
-});
+};
 export {
   createAclGuard
 };

package/dist/utils/vendor/auth/auth.context.d.ts

@@ -11,11 +11,12 @@ export declare namespace AuthContext {
         updateTokens?: (accessToken: string | null, refreshToken?: string | null) => void;
         accessToken?: string | null;
         user?: TUser | null;
+        userPromise?: () => Promise<TUser | null>;
         routes?: Routes;
         loadingState?: ReactNode;
     }
     type ProviderProps<TUser = unknown> = Type<TUser>;
-    export const Provider: <TUser = unknown>({ isAuthenticated, isInitializing, logout, updateTokens, accessToken, user, routes, loadingState, children, }: PropsWithChildren<ProviderProps<TUser>>) => import("react/jsx-runtime").JSX.Element;
+    export const Provider: <TUser = unknown>({ isAuthenticated, isInitializing, logout, updateTokens, accessToken, user, userPromise, routes, loadingState, children, }: PropsWithChildren<ProviderProps<TUser>>) => import("react/jsx-runtime").JSX.Element;
     export const useAuth: <TUser = unknown>() => Type<TUser>;
     export {};
 }

package/dist/utils/vendor/auth/auth.context.js

@@ -10,6 +10,7 @@ var AuthContext;
     updateTokens,
     accessToken,
     user,
+    userPromise,
     routes,
     loadingState,
     children
@@ -21,6 +22,7 @@ var AuthContext;
       updateTokens,
       accessToken,
       user,
+      userPromise,
       routes,
       loadingState
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "0.0.10",
+  "version": "0.1.0",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/utils/vendor/auth/withPrivateAuthGuard.d.ts

@@ -1,6 +0,0 @@
-import { ComponentType, PropsWithChildren } from 'react';
-import { AuthGuardProps } from './AuthGuard';
-export interface WithPrivateAuthGuardProps {
-    privateAuthGuardProps?: Omit<AuthGuardProps, "type">;
-}
-export declare const withPrivateAuthGuard: <T extends PropsWithChildren & WithPrivateAuthGuardProps>(WrappedComponent: ComponentType<T & WithPrivateAuthGuardProps>) => ({ privateAuthGuardProps, ...props }: T & WithPrivateAuthGuardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/vendor/auth/withPrivateAuthGuard.js

@@ -1,17 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { AuthGuard } from "./AuthGuard.js";
-const withPrivateAuthGuard = (WrappedComponent) => {
-  return ({ privateAuthGuardProps, ...props }) => {
-    return /* @__PURE__ */ jsx(
-      AuthGuard,
-      {
-        type: "private",
-        ...privateAuthGuardProps,
-        children: /* @__PURE__ */ jsx(WrappedComponent, { ...props })
-      }
-    );
-  };
-};
-export {
-  withPrivateAuthGuard
-};