@payfit/unity-components 1.2.0 → 2.1.4

package/dist/esm/components/multi-select/Multiselect.types.d.ts

@@ -1,109 +0,0 @@
-import { ReactNode } from 'react';
-import { UseComboboxFilterProps } from './hooks/use-combobox-filter.js';
-type Key = string | number;
-export interface MultiSelectBaseProps {
-    /** Default content when no value is selected */
-    placeholder?: string;
-    /** Whether the select is searchable and shows a search input on top of the options */
-    isSearchable?: boolean;
-    /** Whether the select is disabled */
-    isDisabled?: boolean;
-    /** Whether the select is invalid */
-    isInvalid?: boolean;
-    /** Whether the select is read only */
-    isReadOnly?: boolean;
-    /** Whether the select is in a loading state */
-    isLoading?: boolean;
-    /** Callback when the clear button is pressed */
-    onClearButtonPress?: () => void;
-    /** Maximum number of items to show in the select button before showing a counter badge */
-    maxVisibleItems?: number;
-    /** Callback when the select is focused */
-    onFocus?: () => void;
-    /** Callback when the select is blurred */
-    onBlur?: () => void;
-    /** The ID of the element that labels this select when no visible label is provided */
-    'aria-labelledby'?: string;
-    /** The ID of the element that labels this select when no visible label is provided */
-    'aria-label'?: string;
-}
-export interface FlatSelectProps<TItem, // Item type
-TItemKey extends keyof TItem, // key name of the item
-TKeyType extends TItem[TItemKey] & Key> extends MultiSelectBaseProps {
-    /** The items to display in the select */
-    items: Set<TItem>;
-    /** The currently selected values (controlled mode) */
-    value?: Set<TKeyType>;
-    /** The default selected values (uncontrolled mode) */
-    defaultValue?: Set<TKeyType>;
-    /** Callback when selection changes */
-    onChange?: (value: Set<TKeyType>) => void;
-    /** Function to get the value from an item, defaults to String(item) */
-    getItemValue?: (item: TItem) => TKeyType;
-    /** Function to render the selected value(s) in the button */
-    renderValue?: (value: Set<TItem>) => string;
-    /** Children must be a render function that returns Option components */
-    children: (item: TItem) => React.JSX.Element;
-}
-export interface GroupedSelectProps<TItem, // Item type
-TItemKey extends keyof TItem, // key name of the item
-TKeyType extends TItem[TItemKey] & Key> extends MultiSelectBaseProps {
-    /** The items to display in the select, grouped by category */
-    items: Map<string, TItem[]>;
-    /** The currently selected values (controlled mode) */
-    value?: Set<TKeyType>;
-    /** The default selected values (uncontrolled mode) */
-    defaultValue?: Set<TKeyType>;
-    /** Callback when selection changes */
-    onChange?: (value: Set<TKeyType>) => void;
-    /** Function to get the value from an item, defaults to String(item) */
-    getItemValue?: (item: TItem) => TKeyType;
-    /** Function to render the selected value(s) in the button */
-    renderValue?: (value: Set<TItem>) => string;
-    /** Children must be a render function that returns OptGroup components */
-    children: (groupKey: string, items: TItem[]) => React.JSX.Element;
-}
-export interface StaticItemsProps<TItem = Key> extends MultiSelectBaseProps {
-    /** The items to display in the select (for dynamic API) */
-    items?: never;
-    /** The currently selected values (controlled mode) */
-    value?: Set<TItem>;
-    /** The default selected values (uncontrolled mode) */
-    defaultValue?: Set<TItem>;
-    /** Callback when selection changes */
-    onChange?: (value: Set<TItem>) => void;
-    /** Function to render the selected value(s) in the button */
-    renderValue?: (value: Set<TItem>) => string;
-    /** Children must be Option components */
-    children: ReactNode;
-    getItemValue?: never;
-}
-export type DynamicMultiSelectProps<TItem, // Item type
-TItemKey extends keyof TItem, // key name of the item
-TKeyType extends TItem[TItemKey] & Key> = TItem extends unknown ? (Omit<FlatSelectProps<TItem, TItemKey, TKeyType>, 'items'> & {
-    items: Set<TItem>;
-    children: (item: TItem) => React.JSX.Element;
-    getItemValue?: (item: TItem) => TKeyType;
-    renderValue?: (value: Set<TItem>) => string;
-    isSearchable?: boolean;
-    searchOptions?: UseComboboxFilterProps<TItem>['searchOptions'];
-}) | (Omit<GroupedSelectProps<TItem, TItemKey, TKeyType>, 'items'> & {
-    items: Map<string, TItem[]>;
-    children: (groupKey: string, items: TItem[]) => React.JSX.Element;
-    getItemValue?: (item: TItem) => TKeyType;
-    renderValue?: (value: Set<TItem>) => string;
-    isSearchable?: boolean;
-    searchOptions?: UseComboboxFilterProps<TItem>['searchOptions'];
-}) : never;
-export type MultiSelectProps<TItem, // Item type
-TItemKey extends keyof TItem, // key name of the item
-TKeyType extends TItem[TItemKey] & Key> = TItem extends unknown ? DynamicMultiSelectProps<TItem, TItemKey, TKeyType> | StaticItemsProps : never;
-export type MultiSelectComponent = {
-    <TItem, // Item type
-    TItemKey extends keyof TItem, // key name of the item
-    TKeyType extends TItem[TItemKey] & Key>(props: MultiSelectProps<TItem, TItemKey, TKeyType> & {
-        ref?: React.ForwardedRef<HTMLButtonElement>;
-    }): React.JSX.Element;
-    displayName?: string;
-};
-export {};

package/dist/esm/components/nav/parts/NavItem.js

@@ -1,95 +0,0 @@
-import { jsx as u, jsxs as h } from "react/jsx-runtime";
-import { uyTv as y, uyMerge as N } from "@payfit/unity-themes";
-import { Link as w, Button as I } from "react-aria-components";
-import { useRouter as j } from "../../../providers/router/RouterProvider.js";
-const A = y({
-  slots: {
-    base: [
-      "uy:group uy:grid uy:w-full uy:grid-cols-[auto_1fr_auto] uy:items-center uy:py-100 uy:px-150 uy:gap-100 uy:rounded-75 uy:outline-0 uy:transition-all",
-      "uy:hover:bg-surface-neutral-hover uy:active:bg-surface-neutral-active uy:data-[pressed]:bg-surface-neutral-pressed",
-      "uy:focus:outline-0 uy:data-[focus-visible]:outline-none uy:data-[focus-visible]:ring-2 uy:data-[focus-visible]:ring-utility-focus-ring uy:data-[focus-visible]:ring-offset-2"
-    ],
-    prefix: "uy:p-25 uy:empty:hidden uy:text-content-neutral-low",
-    suffix: "uy:flex uy:gap-100 uy:items-center uy:text-content-neutral-low uy:justify-self-end uy:text-right uy:empty:hidden",
-    label: [
-      "uy:flex-1 uy:basis-full uy:text-left uy:truncate uy:overflow-hidden uy:whitespace-break-spaces uy:typography-body uy:text-content-neutral"
-    ]
-  },
-  variants: {
-    level: {
-      0: "uy:pl-150",
-      1: "uy:pl-600"
-    },
-    isDisabled: {
-      true: {
-        base: "uy:pointer-events-none",
-        label: "uy:text-content-neutral-disabled"
-      },
-      false: ""
-    }
-  }
-}), S = y({
-  extend: A,
-  variants: {
-    isActive: {
-      true: {
-        base: "uy:bg-surface-neutral-active",
-        prefix: "uy:text-content-neutral",
-        label: "uy:typography-body-strong"
-      },
-      false: {
-        base: "",
-        prefix: "uy:text-content-neutral-low",
-        label: "uy:typography-body"
-      }
-    }
-  }
-});
-function k({
-  children: o,
-  level: s = 0,
-  prefix: n,
-  suffix: r,
-  onPress: c,
-  href: e,
-  isCurrent: p,
-  isDisabled: a = !1,
-  isExact: f = !1,
-  ...d
-}) {
-  const i = j(), b = e ? w : I, t = i && e ? i.isActive(e.toString(), f) : p, {
-    base: v,
-    label: l,
-    prefix: g,
-    suffix: m
-  } = S({ level: s, isActive: t, isDisabled: a }), x = Object.assign(
-    {},
-    t !== void 0 && {
-      "data-current": t,
-      "aria-current": t ? "page" : void 0
-    },
-    !e && { tabIndex: a ? -1 : void 0 }
-  );
-  return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ h(
-    b,
-    {
-      className: N(v(), l()),
-      href: e,
-      onPress: c,
-      isDisabled: a,
-      "data-level": s,
-      ...x,
-      ...d,
-      children: [
-        n && /* @__PURE__ */ u("span", { className: g(), children: n({ isCurrent: t ?? !1 }) }),
-        /* @__PURE__ */ u("span", { className: l(), children: o }),
-        r && /* @__PURE__ */ u("span", { className: m(), children: r })
-      ]
-    }
-  ) });
-}
-k.displayName = "NavItem";
-export {
-  k as NavItem,
-  A as navItemBase
-};

package/dist/esm/integrations/react-router/v5/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/integrations/react-router/v5/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 "../../../providers/router/RouterProvider.js";
-const f = (o, e) => m(o, null, void 0, e);
-function y({ children: o }) {
-  const e = p(), r = u();
-  return /* @__PURE__ */ s(
-    l,
-    {
-      navigate: (t) => {
-        e.push(t);
-      },
-      isActive: (t, n) => {
-        const i = f(t, r), { pathname: c } = i, a = c.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
-        return a ? !!h(r.pathname, {
-          path: a,
-          // Fix for the admin dashboard link
-          exact: n || t === "/"
-        }) : !1;
-      },
-      children: o
-    }
-  );
-}
-export {
-  y as UnityReactRouterV5Provider
-};

package/dist/esm/integrations/react-router/v5/index.d.ts

@@ -1 +0,0 @@
-export * from './UnityReactRouterV5Provider.js';

package/dist/esm/integrations/react-router/v5.js

@@ -1,4 +0,0 @@
-import { UnityReactRouterV5Provider as o } from "./v5/UnityReactRouterV5Provider.js";
-export {
-  o as UnityReactRouterV5Provider
-};