@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/esm/index.js

@@ -1,334 +0,0 @@
-import { Actionable as r } from "./components/actionable/Actionable.js";
-import { Alert as p } from "./components/alert/Alert.js";
-import { AlertActions as x } from "./components/alert/parts/AlertActions.js";
-import { AlertContent as f } from "./components/alert/parts/AlertContent.js";
-import { AlertTitle as i } from "./components/alert/parts/AlertTitle.js";
-import { Anchor as u } from "./components/anchor/Anchor.js";
-import { AppLayout as c } from "./components/app-layout/AppLayout.js";
-import { AppMenu as g } from "./components/app-menu/AppMenu.js";
-import { AppMenuHeader as T } from "./components/app-menu/parts/AppMenuHeader.js";
-import { AppMenuFooter as F } from "./components/app-menu/parts/AppMenuFooter.js";
-import { AppMenuNavContent as P } from "./components/app-menu/parts/AppMenuNavContent.js";
-import { AppMenuContext as A, AppMenuContextProvider as h, useAppMenuContext as G } from "./components/app-menu/parts/AppMenu.context.js";
-import { Autocomplete as k } from "./components/autocomplete/Autocomplete.js";
-import { AutocompleteItem as H, autocompleteItem as y } from "./components/autocomplete/parts/AutocompleteItem.js";
-import { AutocompleteItemGroup as R, autocompleteItemGroup as D } from "./components/autocomplete/parts/AutocompleteItemGroup.js";
-import { Avatar as w } from "./components/avatar/Avatar.js";
-import { getInitials as O } from "./components/avatar/utils.js";
-import { AvatarFallback as U } from "./components/avatar/parts/AvatarFallback.js";
-import { AvatarImage as V } from "./components/avatar/parts/AvatarImage.js";
-import { AvatarPair as j } from "./components/avatar/parts/AvatarPair.js";
-import { Badge as z } from "./components/badge/Badge.js";
-import { BottomSheet as K, bottomSheet as W } from "./components/bottom-sheet/BottomSheet.js";
-import { BottomSheetHeader as Y, bottomSheetHeader as Z } from "./components/bottom-sheet/parts/BottomSheetHeader.js";
-import { BottomSheetContent as oo, bottomSheetContent as eo } from "./components/bottom-sheet/parts/BottomSheetContent.js";
-import { BottomSheetFooter as to, bottomSheetFooter as po } from "./components/bottom-sheet/parts/BottomSheetFooter.js";
-import { Breadcrumbs as xo } from "./components/breadcrumbs/Breadcrumbs.js";
-import { Breadcrumb as fo } from "./components/breadcrumbs/parts/Breadcrumb.js";
-import { Button as io } from "./components/button/Button.js";
-import { Checkbox as uo } from "./components/checkbox/Checkbox.js";
-import { CheckboxStandalone as bo } from "./components/checkbox/CheckboxStandalone.js";
-import { CheckboxField as So } from "./components/checkbox-field/CheckboxField.js";
-import { CheckboxGroup as Co, checkboxGroup as Fo } from "./components/checkbox-group/CheckboxGroup.js";
-import { CheckboxGroupField as Po } from "./components/checkbox-group-field/CheckboxGroupField.js";
-import { Collapsible as Ao } from "./components/collapsible/Collapsible.js";
-import { CollapsibleContent as Go } from "./components/collapsible/parts/CollapsibleContent.js";
-import { CollapsibleTitle as ko } from "./components/collapsible/parts/CollapsibleTitle.js";
-import { DataTable as Ho } from "./components/data-table/DataTable.js";
-import { DatePicker as vo } from "./components/date-picker/DatePicker.js";
-import { DatePickerField as Do } from "./components/date-picker-field/DatePickerField.js";
-import { Dialog as wo, dialog as Eo } from "./components/dialog/Dialog.js";
-import { DialogActions as No } from "./components/dialog/parts/DialogActions.js";
-import { DialogButton as Qo } from "./components/dialog/parts/DialogActions/DialogButton.js";
-import { DialogContent as _o } from "./components/dialog/parts/DialogContent.js";
-import { DialogTitle as qo } from "./components/dialog/parts/DialogTitle.js";
-import { Fieldset as Jo, fieldset as Ko } from "./components/fieldset/Fieldset.js";
-import { FieldGroup as Xo } from "./components/fieldset/parts/FieldGroup.js";
-import { Flex as Zo, Stack as $o } from "./components/flex/Flex.js";
-import { flex as ee, flexItem as re } from "./components/flex/Flex.variants.js";
-import { FlexItem as pe, StackItem as me } from "./components/flex/FlexItem.js";
-import { Form as ae } from "./components/form/Form.js";
-import { FormField as le } from "./components/form-field/FormField.js";
-import { FormControl as ne } from "./components/form-field/parts/FormControl.js";
-import { FormContextualLink as de } from "./components/form-field/parts/FormContextualLink.js";
-import { FormFeedbackText as be } from "./components/form-field/parts/FormFeedbackText.js";
-import { FormHelperText as Se } from "./components/form-field/parts/FormHelperText.js";
-import { FormLabel as Ce } from "./components/form-field/parts/FormLabel.js";
-import { FullPageLoader as se, fullPageLoader as Pe } from "./components/full-page-loader/FullPageLoader.js";
-import { Grid as Ae } from "./components/grid/Grid.js";
-import { grid as Ge, gridItem as Me } from "./components/grid/Grid.variants.js";
-import { GridItem as Ie } from "./components/grid/GridItem.js";
-import { Icon as ye } from "./components/icon/Icon.js";
-import { IconButton as Re } from "./components/icon-button/IconButton.js";
-import { Input as Le } from "./components/input/Input.js";
-import { Label as Ee } from "./components/label/Label.js";
-import { Link as Ne } from "./components/link/Link.js";
-import { Menu as Qe } from "./components/menu/Menu.js";
-import { MenuContent as _e } from "./components/menu/parts/MenuContent.js";
-import { MenuHeader as qe } from "./components/menu/parts/MenuHeader.js";
-import { MenuItem as Je } from "./components/menu/parts/MenuItem.js";
-import { MenuSeparator as We } from "./components/menu/parts/MenuSeparator.js";
-import { MenuTrigger as Ye } from "./components/menu/parts/MenuTrigger.js";
-import { MultiSelect as $e } from "./components/multi-select/MultiSelect.js";
-import { MultiSelectOption as er } from "./components/multi-select/parts/MultiSelectOption.js";
-import { MultiSelectOptGroup as tr } from "./components/multi-select/parts/MultiSelectOptGroup.js";
-import { MultiSelectField as mr } from "./components/multi-select-field/MultiSelectField.js";
-import { Nav as ar } from "./components/nav/Nav.js";
-import { NavGroup as lr } from "./components/nav/parts/NavGroup.js";
-import { NavItem as nr, navItemBase as ur } from "./components/nav/parts/NavItem.js";
-import { Page as cr, page as br } from "./components/page/Page.js";
-import { PageHeader as Sr, pageHeader as Tr } from "./components/page/parts/PageHeader.js";
-import { PageHeading as Fr } from "./components/page/parts/PageHeading.js";
-import { Pagination as Pr, pagination as Br } from "./components/pagination/Pagination.js";
-import { PayFitBrand as hr } from "./components/payfit-brand/PayFitBrand.js";
-import { PayFitBrandPreprod as Mr } from "./components/payfit-brand/PayFitPreprod.js";
-import { Pill as Ir } from "./components/pill/Pill.js";
-import { Popover as yr } from "./components/popover/Popover.js";
-import { ProgressBar as Rr } from "./components/progress-bar/ProgressBar.js";
-import { RadioButtonGroup as Lr } from "./components/radio-button-group/RadioButtonGroup.js";
-import { RadioButton as Er, radioButton as Or } from "./components/radio-button-group/parts/RadioButton.js";
-import { RadioButtonHelper as Ur } from "./components/radio-button-group/parts/RadioButtonHelper.js";
-import { RadioButtonGroupField as Vr } from "./components/radio-button-group-field/RadioButtonGroupField.js";
-import { Search as jr, search as qr } from "./components/search/Search.js";
-import { SegmentedButtonGroup as Jr } from "./components/segmented-button-group/SegmentedButtonGroup.js";
-import { ToggleButton as Wr } from "./components/segmented-button-group/parts/ToggleButton.js";
-import { SelectButton as Yr } from "./components/select/parts/SelectButton.js";
-import { SelectOption as $r } from "./components/select/parts/SelectOption.js";
-import { SelectOptionGroup as et } from "./components/select/parts/SelectOptionGroup.js";
-import { SelectOptionHelper as tt } from "./components/select/parts/SelectOptionHelper.js";
-import { Select as mt } from "./components/select/Select.js";
-import { SelectField as at } from "./components/select-field/SelectField.js";
-import { SelectableButtonGroup as lt, selectableButtonGroup as it } from "./components/selectable-button-group/SelectableButtonGroup.js";
-import { SelectableButton as ut, selectableButton as dt } from "./components/selectable-button-group/parts/SelectableButton.js";
-import { SelectableCardCheckbox as bt } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
-import { SelectableCardCheckboxGroup as St } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
-import { SelectableCardRadio as Ct } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
-import { SelectableCardRadioGroup as st } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
-import { SelectableCardCheckboxGroupField as Bt } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
-import { SelectableCardRadioGroupField as ht } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
-import { SidePanel as Mt, sidePanel as kt } from "./components/side-panel/SidePanel.js";
-import { SidePanelHeader as Ht, sidePanelHeader as yt } from "./components/side-panel/parts/SidePanelHeader.js";
-import { SidePanelContent as Rt, sidePanelContent as Dt } from "./components/side-panel/parts/SidePanelContent.js";
-import { SidePanelFooter as wt, sidePanelFooter as Et } from "./components/side-panel/parts/SidePanelFooter.js";
-import { Spinner as Nt } from "./components/spinner/Spinner.js";
-import { Table as Qt, TableRoot as Vt } from "./components/table/Table.js";
-import { TableBody as jt, tableBody as qt } from "./components/table/parts/TableBody.js";
-import { TableCell as Jt, tableCell as Kt } from "./components/table/parts/TableCell.js";
-import { TableColumnHeader as Xt, tableColumnHeader as Yt } from "./components/table/parts/TableColumnHeader.js";
-import { TableEmptyState as $t, TableEmptyStateError as op, TableEmptyStateLoading as ep, TableEmptyStateNoData as rp, TableEmptyStateText as tp, tableEmptyState as pp } from "./components/table/parts/TableEmptyState.js";
-import { TableHeader as xp, tableHeader as ap } from "./components/table/parts/TableHeader.js";
-import { TablePagination as lp, tablePagination as ip } from "./components/table/parts/TablePagination.js";
-import { TableRow as up, tableRow as dp } from "./components/table/parts/TableRow.js";
-import { Tabs as bp } from "./components/tabs/Tabs.js";
-import { Tab as Sp } from "./components/tabs/parts/Tab.js";
-import { TabList as Cp } from "./components/tabs/parts/TabList.js";
-import { TabPanel as sp } from "./components/tabs/parts/TabPanel.js";
-import { Text as Bp } from "./components/text/Text.js";
-import { text as hp } from "./components/text/Text.variants.js";
-import { TextArea as Mp, textArea as kp } from "./components/text-area/TextArea.js";
-import { TextField as Hp } from "./components/text-field/TextField.js";
-import { toast as vp } from "./components/toast/toast.js";
-import { TOAST_CONFIG as Dp, ToastManager as Lp } from "./components/toast/ToastManager.js";
-import { Tooltip as Ep } from "./components/tooltip/Tooltip.js";
-import { useBreakpointListener as Np } from "./hooks/use-breakpoint-listener.js";
-import { useUnityForm as Qp } from "./hooks/use-form.js";
-import { useMediaQuery as _p } from "./hooks/use-media-query.js";
-import { RouterProvider as qp, useRouter as zp } from "./providers/router/RouterProvider.js";
-import { UnityReactRouterV5Provider as Kp } from "./providers/router/integrations/UnityReactRouterV5Provider.js";
-import { ToggleSwitch as Xp, toggleSwitch as Yp } from "./components/toggle-switch/ToggleSwitch.js";
-import { ToggleSwitchGroup as $p, toggleSwitchGroup as om } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
-import { ToggleSwitchField as rm } from "./components/toggle-switch-field/ToggleSwitchField.js";
-import { ToggleSwitchGroupField as pm } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
-import { DialogTrigger as xm, DialogTrigger as am } from "react-aria-components";
-import { useAsyncList as lm } from "react-stately";
-export {
-  r as Actionable,
-  p as Alert,
-  x as AlertActions,
-  f as AlertContent,
-  i as AlertTitle,
-  u as Anchor,
-  c as AppLayout,
-  g as AppMenu,
-  A as AppMenuContext,
-  h as AppMenuContextProvider,
-  F as AppMenuFooter,
-  T as AppMenuHeader,
-  P as AppMenuNavContent,
-  k as Autocomplete,
-  H as AutocompleteItem,
-  R as AutocompleteItemGroup,
-  w as Avatar,
-  U as AvatarFallback,
-  V as AvatarImage,
-  j as AvatarPair,
-  z as Badge,
-  K as BottomSheet,
-  oo as BottomSheetContent,
-  to as BottomSheetFooter,
-  Y as BottomSheetHeader,
-  fo as Breadcrumb,
-  xo as Breadcrumbs,
-  io as Button,
-  uo as Checkbox,
-  So as CheckboxField,
-  Co as CheckboxGroup,
-  Po as CheckboxGroupField,
-  bo as CheckboxStandalone,
-  Ao as Collapsible,
-  Go as CollapsibleContent,
-  ko as CollapsibleTitle,
-  Ho as DataTable,
-  vo as DatePicker,
-  Do as DatePickerField,
-  wo as Dialog,
-  No as DialogActions,
-  Qo as DialogButton,
-  _o as DialogContent,
-  qo as DialogTitle,
-  xm as DialogTrigger,
-  Xo as FieldGroup,
-  Jo as Fieldset,
-  Zo as Flex,
-  pe as FlexItem,
-  ae as Form,
-  de as FormContextualLink,
-  ne as FormControl,
-  be as FormFeedbackText,
-  le as FormField,
-  Se as FormHelperText,
-  Ce as FormLabel,
-  se as FullPageLoader,
-  Ae as Grid,
-  Ie as GridItem,
-  ye as Icon,
-  Re as IconButton,
-  Le as Input,
-  Ee as Label,
-  Ne as Link,
-  Qe as Menu,
-  _e as MenuContent,
-  qe as MenuHeader,
-  Je as MenuItem,
-  We as MenuSeparator,
-  Ye as MenuTrigger,
-  $e as MultiSelect,
-  mr as MultiSelectField,
-  tr as MultiSelectOptGroup,
-  er as MultiSelectOption,
-  ar as Nav,
-  lr as NavGroup,
-  nr as NavItem,
-  cr as Page,
-  Sr as PageHeader,
-  Fr as PageHeading,
-  Pr as Pagination,
-  hr as PayFitBrand,
-  Mr as PayFitBrandPreprod,
-  Ir as Pill,
-  yr as Popover,
-  am as PopoverTrigger,
-  Rr as ProgressBar,
-  Er as RadioButton,
-  Lr as RadioButtonGroup,
-  Vr as RadioButtonGroupField,
-  Ur as RadioButtonHelper,
-  qp as RouterProvider,
-  jr as Search,
-  Jr as SegmentedButtonGroup,
-  mt as Select,
-  Yr as SelectButton,
-  at as SelectField,
-  $r as SelectOption,
-  et as SelectOptionGroup,
-  tt as SelectOptionHelper,
-  ut as SelectableButton,
-  lt as SelectableButtonGroup,
-  bt as SelectableCardCheckbox,
-  St as SelectableCardCheckboxGroup,
-  Bt as SelectableCardCheckboxGroupField,
-  Ct as SelectableCardRadio,
-  st as SelectableCardRadioGroup,
-  ht as SelectableCardRadioGroupField,
-  Mt as SidePanel,
-  Rt as SidePanelContent,
-  wt as SidePanelFooter,
-  Ht as SidePanelHeader,
-  Nt as Spinner,
-  $o as Stack,
-  me as StackItem,
-  Dp as TOAST_CONFIG,
-  Sp as Tab,
-  Cp as TabList,
-  sp as TabPanel,
-  Qt as Table,
-  jt as TableBody,
-  Jt as TableCell,
-  Xt as TableColumnHeader,
-  $t as TableEmptyState,
-  op as TableEmptyStateError,
-  ep as TableEmptyStateLoading,
-  rp as TableEmptyStateNoData,
-  tp as TableEmptyStateText,
-  xp as TableHeader,
-  lp as TablePagination,
-  Vt as TableRoot,
-  up as TableRow,
-  bp as Tabs,
-  Bp as Text,
-  Mp as TextArea,
-  Hp as TextField,
-  Lp as ToastManager,
-  Wr as ToggleButton,
-  Xp as ToggleSwitch,
-  rm as ToggleSwitchField,
-  $p as ToggleSwitchGroup,
-  pm as ToggleSwitchGroupField,
-  Ep as Tooltip,
-  Kp as UnityReactRouterV5Provider,
-  y as autocompleteItem,
-  D as autocompleteItemGroup,
-  W as bottomSheet,
-  eo as bottomSheetContent,
-  po as bottomSheetFooter,
-  Z as bottomSheetHeader,
-  Fo as checkboxGroup,
-  Eo as dialog,
-  Ko as fieldset,
-  ee as flex,
-  re as flexItem,
-  Pe as fullPageLoader,
-  O as getInitials,
-  Ge as grid,
-  Me as gridItem,
-  ur as navItemBase,
-  br as page,
-  Tr as pageHeader,
-  Br as pagination,
-  Or as radioButton,
-  qr as search,
-  dt as selectableButton,
-  it as selectableButtonGroup,
-  kt as sidePanel,
-  Dt as sidePanelContent,
-  Et as sidePanelFooter,
-  yt as sidePanelHeader,
-  qt as tableBody,
-  Kt as tableCell,
-  Yt as tableColumnHeader,
-  pp as tableEmptyState,
-  ap as tableHeader,
-  ip as tablePagination,
-  dp as tableRow,
-  hp as text,
-  kp as textArea,
-  vp as toast,
-  Yp as toggleSwitch,
-  om as toggleSwitchGroup,
-  G as useAppMenuContext,
-  lm as useAsyncList,
-  Np as useBreakpointListener,
-  _p as useMediaQuery,
-  zp as useRouter,
-  Qp as useUnityForm
-};

package/dist/esm/mocks/employees.d.ts

@@ -1,17 +0,0 @@
-export type Employee = {
-    id: string;
-    name: string;
-    position: string;
-    avatarUrl: string;
-    team: string;
-    workingAgreement: 'Full-time' | 'Part-time' | 'Freelance' | 'Contractor';
-    startWorkingDate: string;
-    endWorkingDate: string;
-    status: 'active' | 'onboarding' | 'offboarding' | 'inactive' | 'retired';
-    manager: {
-        name: string;
-        position: string;
-        team: string;
-    } | null;
-};
-export declare const mockEmployees: Employee[];

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

@@ -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, isExact?: boolean) => 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/RouterProvider.js

@@ -1,18 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useContext as u, createContext as i } from "react";
-import { RouterProvider as d } from "react-aria-components";
-const o = i(
-  null
-), R = () => u(o);
-function m({
-  isActive: t,
-  children: n,
-  ...r
-}) {
-  return /* @__PURE__ */ e(o.Provider, { value: { isActive: t, ...r }, children: /* @__PURE__ */ e(d, { ...r, children: n }) });
-}
-m.displayName = "RouterProvider";
-export {
-  m as RouterProvider,
-  R as useRouter
-};

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

@@ -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): import("react/jsx-runtime").JSX.Element;

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

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

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

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