@payfit/unity-components 0.0.0-alpha.8 → 1.0.0

package/dist/esm/index.mjs

@@ -1,208 +0,0 @@
-import { Actionable as e } from "./components/actionable/Actionable.mjs";
-import { Alert as p } from "./components/alert/Alert.mjs";
-import { AlertActions as m } from "./components/alert/parts/AlertActions.mjs";
-import { AlertContent as a } from "./components/alert/parts/AlertContent.mjs";
-import { AlertTitle as n } from "./components/alert/parts/AlertTitle.mjs";
-import { Anchor as u } from "./components/anchor/Anchor.mjs";
-import { AppLayout as d } from "./components/app-layout/AppLayout.mjs";
-import { AppMenu as A } from "./components/app-menu/AppMenu.mjs";
-import { AppMenuHeader as s } from "./components/app-menu/parts/AppMenuHeader.mjs";
-import { AppMenuFooter as M } from "./components/app-menu/parts/AppMenuFooter.mjs";
-import { AppMenuNavContent as B } from "./components/app-menu/parts/AppMenuNavContent.mjs";
-import { AppMenuContext as k, AppMenuContextProvider as C, useAppMenuContext as I } from "./components/app-menu/parts/AppMenu.context.mjs";
-import { Avatar as v } from "./components/avatar/Avatar.mjs";
-import { getInitials as L } from "./components/avatar/utils.mjs";
-import { AvatarFallback as h } from "./components/avatar/parts/AvatarFallback.mjs";
-import { AvatarImage as y } from "./components/avatar/parts/AvatarImage.mjs";
-import { AvatarPair as H } from "./components/avatar/parts/AvatarPair.mjs";
-import { Badge as U } from "./components/badge/Badge.mjs";
-import { Breadcrumbs as V } from "./components/breadcrumbs/Breadcrumbs.mjs";
-import { Breadcrumb as j } from "./components/breadcrumbs/parts/Breadcrumb.mjs";
-import { Button as w } from "./components/button/Button.mjs";
-import { Checkbox as E, checkbox as J } from "./components/checkbox/Checkbox.mjs";
-import { CheckboxField as W } from "./components/checkbox-field/CheckboxField.mjs";
-import { CheckboxGroup as Y, checkboxGroup as Z } from "./components/checkbox-group/CheckboxGroup.mjs";
-import { CheckboxGroupField as oo } from "./components/checkbox-group-field/CheckboxGroupField.mjs";
-import { DatePicker as eo } from "./components/date-picker/DatePicker.mjs";
-import { DatePickerField as po } from "./components/date-picker-field/DatePickerField.mjs";
-import { Dialog as mo } from "./components/dialog/Dialog.mjs";
-import { DialogActions as ao } from "./components/dialog/parts/DialogActions.mjs";
-import { DialogButton as no } from "./components/dialog/parts/DialogActions/DialogButton.mjs";
-import { DialogContent as uo } from "./components/dialog/parts/DialogContent.mjs";
-import { DialogTitle as Fo } from "./components/dialog/parts/DialogTitle.mjs";
-import { Fieldset as bo, fieldset as so } from "./components/fieldset/Fieldset.mjs";
-import { FieldGroup as Mo } from "./components/fieldset/parts/FieldGroup.mjs";
-import { Flex as Bo, Stack as To } from "./components/flex/Flex.mjs";
-import { flex as Co, flexItem as Io } from "./components/flex/Flex.variants.mjs";
-import { FlexItem as vo, StackItem as Go } from "./components/flex/FlexItem.mjs";
-import { Form as Do } from "./components/form/Form.mjs";
-import { FormField as Oo } from "./components/form-field/FormField.mjs";
-import { FormControl as No } from "./components/form-field/parts/FormControl.mjs";
-import { FormContextualLink as Ro } from "./components/form-field/parts/FormContextualLink.mjs";
-import { FormFeedbackText as Qo } from "./components/form-field/parts/FormFeedbackText.mjs";
-import { FormHelperText as _o } from "./components/form-field/parts/FormHelperText.mjs";
-import { FormLabel as qo } from "./components/form-field/parts/FormLabel.mjs";
-import { FullPageLoader as zo, fullPageLoader as Eo } from "./components/full-page-loader/FullPageLoader.mjs";
-import { Grid as Ko } from "./components/grid/Grid.mjs";
-import { grid as Xo, gridItem as Yo } from "./components/grid/Grid.variants.mjs";
-import { GridItem as $o } from "./components/grid/GridItem.mjs";
-import { Icon as rr } from "./components/icon/Icon.mjs";
-import { IconButton as tr } from "./components/icon-button/IconButton.mjs";
-import { Input as xr } from "./components/input/Input.mjs";
-import { Label as fr } from "./components/label/Label.mjs";
-import { Link as lr } from "./components/link/Link.mjs";
-import { Menu as ir } from "./components/menu/Menu.mjs";
-import { MenuContent as cr } from "./components/menu/parts/MenuContent.mjs";
-import { MenuHeader as Fr } from "./components/menu/parts/MenuHeader.mjs";
-import { MenuItem as br } from "./components/menu/parts/MenuItem.mjs";
-import { MenuSeparator as gr } from "./components/menu/parts/MenuSeparator.mjs";
-import { MenuTrigger as Sr } from "./components/menu/parts/MenuTrigger.mjs";
-import { MultiSelect as Tr } from "./components/multi-select/MultiSelect.mjs";
-import { MultiSelectOption as Cr } from "./components/multi-select/parts/MultiSelectOption.mjs";
-import { MultiSelectOptGroup as Pr } from "./components/multi-select/parts/MultiSelectOptGroup.mjs";
-import { MultiSelectField as Gr } from "./components/multi-select-field/MultiSelectField.mjs";
-import { Nav as Dr } from "./components/nav/Nav.mjs";
-import { NavGroup as Or } from "./components/nav/parts/NavGroup.mjs";
-import { NavItem as Nr, navItemBase as Hr } from "./components/nav/parts/NavItem.mjs";
-import { PayFitBrand as Ur } from "./components/payfit-brand/PayFitBrand.mjs";
-import { PayFitBrandPreprod as Vr } from "./components/payfit-brand/PayFitPreprod.mjs";
-import { Pill as jr } from "./components/pill/Pill.mjs";
-import { ProgressBar as wr } from "./components/progress-bar/ProgressBar.mjs";
-import { SelectButton as Er } from "./components/select/parts/SelectButton.mjs";
-import { SelectOption as Kr } from "./components/select/parts/SelectOption.mjs";
-import { SelectOptionGroup as Xr } from "./components/select/parts/SelectOptionGroup.mjs";
-import { SelectOptionHelper as Zr } from "./components/select/parts/SelectOptionHelper.mjs";
-import { Select as oe } from "./components/select/Select.mjs";
-import { SelectField as ee } from "./components/select-field/SelectField.mjs";
-import { SelectableButtonGroup as pe, selectableButtonGroup as xe } from "./components/selectable-button-group/SelectableButtonGroup.mjs";
-import { SelectableButton as fe, selectableButton as ae } from "./components/selectable-button-group/parts/SelectableButton.mjs";
-import { Spinner as ne } from "./components/spinner/Spinner.mjs";
-import { Tabs as ue } from "./components/tabs/Tabs.mjs";
-import { Tab as de } from "./components/tabs/parts/Tab.mjs";
-import { TabList as Ae } from "./components/tabs/parts/TabList.mjs";
-import { TabPanel as se } from "./components/tabs/parts/TabPanel.mjs";
-import { Text as Me } from "./components/text/Text.mjs";
-import { text as Be } from "./components/text/Text.variants.mjs";
-import { TextArea as ke, textArea as Ce } from "./components/text-area/TextArea.mjs";
-import { TextField as Pe } from "./components/text-field/TextField.mjs";
-import { toast as Ge } from "./components/toast/toast.mjs";
-import { TOAST_CONFIG as De, ToastManager as he } from "./components/toast/ToastManager.mjs";
-import { useBreakpointListener as ye } from "./hooks/use-breakpoint-listener.mjs";
-import { useMediaQuery as He } from "./hooks/use-media-query.mjs";
-import { useUnityForm as Ue } from "./hooks/use-form.mjs";
-import { RouterProvider as Ve, useRouter as _e } from "./providers/router/RouterProvider.mjs";
-import { UnityReactRouterV5Provider as qe } from "./providers/router/integrations/UnityReactRouterV5Provider.mjs";
-import { DialogTrigger as ze } from "react-aria-components";
-export {
-  e as Actionable,
-  p as Alert,
-  m as AlertActions,
-  a as AlertContent,
-  n as AlertTitle,
-  u as Anchor,
-  d as AppLayout,
-  A as AppMenu,
-  k as AppMenuContext,
-  C as AppMenuContextProvider,
-  M as AppMenuFooter,
-  s as AppMenuHeader,
-  B as AppMenuNavContent,
-  v as Avatar,
-  h as AvatarFallback,
-  y as AvatarImage,
-  H as AvatarPair,
-  U as Badge,
-  j as Breadcrumb,
-  V as Breadcrumbs,
-  w as Button,
-  E as Checkbox,
-  W as CheckboxField,
-  Y as CheckboxGroup,
-  oo as CheckboxGroupField,
-  eo as DatePicker,
-  po as DatePickerField,
-  mo as Dialog,
-  ao as DialogActions,
-  no as DialogButton,
-  uo as DialogContent,
-  Fo as DialogTitle,
-  ze as DialogTrigger,
-  Mo as FieldGroup,
-  bo as Fieldset,
-  Bo as Flex,
-  vo as FlexItem,
-  Do as Form,
-  Ro as FormContextualLink,
-  No as FormControl,
-  Qo as FormFeedbackText,
-  Oo as FormField,
-  _o as FormHelperText,
-  qo as FormLabel,
-  zo as FullPageLoader,
-  Ko as Grid,
-  $o as GridItem,
-  rr as Icon,
-  tr as IconButton,
-  xr as Input,
-  fr as Label,
-  lr as Link,
-  ir as Menu,
-  cr as MenuContent,
-  Fr as MenuHeader,
-  br as MenuItem,
-  gr as MenuSeparator,
-  Sr as MenuTrigger,
-  Tr as MultiSelect,
-  Gr as MultiSelectField,
-  Pr as MultiSelectOptGroup,
-  Cr as MultiSelectOption,
-  Dr as Nav,
-  Or as NavGroup,
-  Nr as NavItem,
-  Ur as PayFitBrand,
-  Vr as PayFitBrandPreprod,
-  jr as Pill,
-  wr as ProgressBar,
-  Ve as RouterProvider,
-  oe as Select,
-  Er as SelectButton,
-  ee as SelectField,
-  Kr as SelectOption,
-  Xr as SelectOptionGroup,
-  Zr as SelectOptionHelper,
-  fe as SelectableButton,
-  pe as SelectableButtonGroup,
-  ne as Spinner,
-  To as Stack,
-  Go as StackItem,
-  De as TOAST_CONFIG,
-  de as Tab,
-  Ae as TabList,
-  se as TabPanel,
-  ue as Tabs,
-  Me as Text,
-  ke as TextArea,
-  Pe as TextField,
-  he as ToastManager,
-  qe as UnityReactRouterV5Provider,
-  J as checkbox,
-  Z as checkboxGroup,
-  so as fieldset,
-  Co as flex,
-  Io as flexItem,
-  Eo as fullPageLoader,
-  L as getInitials,
-  Xo as grid,
-  Yo as gridItem,
-  Hr as navItemBase,
-  ae as selectableButton,
-  xe as selectableButtonGroup,
-  Be as text,
-  Ce as textArea,
-  Ge as toast,
-  I as useAppMenuContext,
-  ye as useBreakpointListener,
-  He as useMediaQuery,
-  _e as useRouter,
-  Ue as useUnityForm
-};

package/dist/esm/providers/router/RouterProvider.d.mts

@@ -1,37 +0,0 @@
-import { ComponentProps } from 'react';
-import { RouterProvider as AriaRouterProvider } from 'react-aria-components';
-export interface ExtendedRouterContextValue {
-    /**
-     * Function to determine if a route is active
-     */
-    isActive: (to: string) => boolean;
-}
-/**
- * Hook to access the extended ARIA router context. For internal use in Unity only.
- */
-export declare const useRouter: () => ExtendedRouterContextValue | null;
-type AriaRouterProviderProps = ComponentProps<typeof AriaRouterProvider>;
-export interface RouterProviderProps extends ComponentProps<typeof AriaRouterProvider> {
-    /**
-     * function received from a client-side routing library to perform a client-side navigation programmatically
-     */
-    navigate: AriaRouterProviderProps['navigate'];
-    /**
-     * Optional function to convert a router-specific href to a native HTML href, e.g. prepending a base path
-     */
-    useHref?: AriaRouterProviderProps['useHref'];
-    /**
-     * Function to determine if a route is active
-     */
-    isActive: (to: string) => boolean;
-}
-/**
- * The `RouterProvider` component is a provider that allows for integrations between Unity components that render links (such as `Link`, `NavItem`, etc.) and any client-side routing library in a single or multi-page application.
- *
- * By default, links perform native browser navigation when they are interacted with. However, many apps and frameworks use client side routers to avoid a full page reload when navigating between pages. The `RouterProvider` component configures all Unity components that support it to navigate using the client side router you provide. Set this up once in the root of your app, and any component with the href prop will automatically navigate using your router.
- */
-export declare function RouterProvider({ isActive, children, ...routerProps }: RouterProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace RouterProvider {
-    var displayName: string;
-}
-export {};

package/dist/esm/providers/router/integrations/UnityReactRouterV5Provider.d.mts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-/**
- * Provider that integrates Unity's RouterProvider with React Router v5.
- * Handles navigation and active state detection automatically.
- */
-export declare function UnityReactRouterV5Provider({ children, }: PropsWithChildren<unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/providers/router/integrations/UnityReactRouterV5Provider.mjs

@@ -1,29 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createLocation as s } from "history";
-import { useHistory as m, useLocation as p, matchPath as u } from "react-router-dom";
-import { RouterProvider as h } from "../RouterProvider.mjs";
-const l = (o, r) => s(o, null, void 0, r);
-function g({
-  children: o
-}) {
-  const r = m(), e = p();
-  return /* @__PURE__ */ c(
-    h,
-    {
-      navigate: (t) => {
-        r.push(t.toString());
-      },
-      isActive: (t) => {
-        const a = l(t, e), { pathname: i } = a, n = i.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
-        return n ? !!u(e.pathname, {
-          path: n,
-          exact: t === "/"
-        }) : !1;
-      },
-      children: o
-    }
-  );
-}
-export {
-  g as UnityReactRouterV5Provider
-};

package/dist/esm/types/DataAttributes.d.mts

@@ -1 +0,0 @@
-export type DataAttributes = Record<`data-${string}`, string | number>;

package/dist/esm/types/utils.d.mts

@@ -1 +0,0 @@
-export type IconName<T extends string> = T extends `${infer Base}${'Filled' | 'Outlined'}` ? Base : T;

package/dist/esm/utils/platform.d.mts

@@ -1,3 +0,0 @@
-export declare function isTestEnvironment(): boolean;
-export declare function isProduction(): boolean;
-export declare function isBrowser(): boolean;

package/dist/esm/utils/platform.mjs

@@ -1,11 +0,0 @@
-import n from "vite-plugin-node-polyfills/shims/process";
-function r() {
-  return n.env.NODE_ENV === "test";
-}
-function t() {
-  return typeof window < "u";
-}
-export {
-  t as isBrowser,
-  r as isTestEnvironment
-};