@payfit/unity-components 2.46.12 → 2.46.13

package/dist/esm/components/client-side-pagination/parts/RawPaginationLink.d.ts

@@ -1,26 +0,0 @@
-import { VariantProps } from '@payfit/unity-themes';
-import { LinkProps } from 'react-aria-components/Link';
-export declare const paginationLink: import('tailwind-variants').TVReturnType<{
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], {
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export interface PaginationLinkProps extends LinkProps, VariantProps<typeof paginationLink> {
-    value: number;
-    id?: string;
-    isDisabled?: boolean;
-    isActive?: boolean;
-}
-declare const RawPaginationLink: import('react').ForwardRefExoticComponent<PaginationLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
-export { RawPaginationLink };

package/dist/esm/components/client-side-pagination/parts/RawPaginationLink.js

@@ -1,49 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { uyTv as o } from "@payfit/unity-themes";
-import { Link as i } from "react-aria-components/Link";
-import { useIntl as l } from "react-intl";
-const d = o({
-  base: [
-    "uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-pill uy:transition-colors",
-    "uy:enabled:text-content-neutral-enabled uy:enabled:bg-transparent uy:cursor-pointer",
-    "uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-surface-neutral-lowest-disabled uy:data-[disabled]:cursor-not-allowed",
-    "uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
-    "uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed uy:data-[pressed]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
-    "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
-  ],
-  variants: {
-    isActive: {
-      true: "uy:bg-surface-neutral-lowest-selected",
-      false: ""
-    }
-  }
-}), y = s(
-  ({ isActive: e, isDisabled: a, ...t }, n) => {
-    const u = l();
-    return /* @__PURE__ */ r(
-      i,
-      {
-        ref: n,
-        className: d({ isActive: e }),
-        isDisabled: a,
-        "aria-current": e ? "page" : void 0,
-        "aria-label": u.formatMessage(
-          {
-            id: "unity:component:pagination:link:label",
-            defaultMessage: "Page {page}"
-          },
-          {
-            page: t.value
-          }
-        ),
-        ...t
-      }
-    );
-  }
-);
-y.displayName = "RawPaginationLink";
-export {
-  y as RawPaginationLink,
-  d as paginationLink
-};

package/dist/esm/components/client-side-pagination/utils/pagination-window.d.ts

@@ -1,8 +0,0 @@
-export type PageItem = {
-    type: 'page';
-    value: number;
-} | {
-    type: 'ellipsis';
-    value: [number, number];
-};
-export declare function generatePaginationWithWindow(pageCount: number, currentPage: number, maxWindowSize: number): PageItem[];

package/dist/esm/components/client-side-pagination/utils/pagination-window.js

@@ -1,33 +0,0 @@
-function o(e, i) {
-  return Array.from({ length: i - e + 1 }, (t, h) => h + e).map(
-    (t) => ({
-      type: "page",
-      value: t
-    })
-  );
-}
-const n = 5;
-function a(e, i, t) {
-  const h = Math.max(
-    n,
-    t
-  ), p = h - 2;
-  if (e <= h)
-    return Array.from({ length: e }, (y, f) => ({
-      type: "page",
-      value: f + 1
-    }));
-  const s = [];
-  s.push({ type: "page", value: 1 });
-  const u = p - 2, l = Math.floor(u / 2);
-  return i <= 3 + l ? (s.push(...o(2, p)), s.push({ type: "ellipsis", value: [p + 1, e - 1] })) : i >= e - (2 + l) ? (s.push({
-    type: "ellipsis",
-    value: [2, e - (p - 1) - 1]
-  }), s.push(...o(e - (p - 1), e - 1))) : (s.push({ type: "ellipsis", value: [2, i - l - 1] }), s.push(...o(i - l, i + l)), s.push({
-    type: "ellipsis",
-    value: [i + l + 1, e - 1]
-  })), s.push({ type: "page", value: e }), s;
-}
-export {
-  a as generatePaginationWithWindow
-};

package/dist/esm/components/code/Code.d.ts

@@ -1,37 +0,0 @@
-import { VariantProps } from '@payfit/unity-themes';
-export declare const code: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            pre?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            pre?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    pre: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            pre?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    pre: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string[];
-    pre: string;
-}, undefined, unknown, unknown, undefined>>;
-export interface CodeProps extends VariantProps<typeof code> {
-    children: string;
-}
-declare const Code: import('react').ForwardRefExoticComponent<CodeProps & import('react').RefAttributes<HTMLDivElement>>;
-export { Code };

package/dist/esm/components/code/Code.js

@@ -1,39 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { useIntl as c } from "react-intl";
-import { CircularIconButton as p } from "../icon-button/CircularIconButton.js";
-import { copyToClipboard as y } from "./copyToClipboard.js";
-const m = i({
-  slots: {
-    base: [
-      "uy:group uy:flex uy:p-100 uy:self-stretch uy:content-end uy:gap-100 uy:font-mono uy:rounded-100 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral-lowest"
-    ],
-    pre: "uy:grow uy:text-wrap"
-  }
-}), f = n(
-  ({ children: o, ...e }, t) => {
-    const a = c(), { base: d, pre: s } = m(), u = () => {
-      y(o);
-    };
-    return /* @__PURE__ */ l("code", { ref: t, "data-dd-privacy": "allow", className: d(), ...e, children: [
-      /* @__PURE__ */ r("pre", { className: s(), children: o }),
-      /* @__PURE__ */ r(
-        p,
-        {
-          title: a.formatMessage({
-            id: "unity:command:code:icon:title",
-            defaultMessage: "Copy to clipboard"
-          }),
-          icon: "ClipboardOutlined",
-          onClick: u
-        }
-      )
-    ] });
-  }
-);
-f.displayName = "Code";
-export {
-  f as Code,
-  m as code
-};

package/dist/esm/components/code/copyToClipboard.d.ts

@@ -1 +0,0 @@
-export declare function copyToClipboard(text: string): Promise<boolean>;

package/dist/esm/components/code/copyToClipboard.js

@@ -1,10 +0,0 @@
-async function a(r) {
-  try {
-    return await navigator.clipboard.writeText(r), !0;
-  } catch {
-    return !1;
-  }
-}
-export {
-  a as copyToClipboard
-};

package/dist/esm/components/collapsible/Collapsible.d.ts

@@ -1,33 +0,0 @@
-import { ReactNode } from 'react';
-import { DisclosureProps } from 'react-aria-components/Disclosure';
-export interface CollapsibleProps extends Omit<DisclosureProps, 'isDisabled' | 'className'> {
-    /**
-     * The content of the collapsible component.
-     * Typically includes a CollapsibleTitle and CollapsibleContent.
-     */
-    children: ReactNode;
-    /**
-     * Controls whether the collapsible is expanded by default.
-     * @default false
-     */
-    isExpanded?: boolean;
-}
-/**
- * @description
- * The Collapsible component provides an expandable/collapsible container that can show or hide content.
- * It's typically used to organize information in a space-efficient way, allowing users to focus on relevant content.
- * @example
- * ```tsx
- * <Collapsible>
- *   <CollapsibleTitle>Section Title</CollapsibleTitle>
- *   <CollapsibleContent>
- *     Content that can be shown or hidden
- *   </CollapsibleContent>
- * </Collapsible>
- * ```
- * @component
- * @see {@link CollapsibleTitle} - The clickable title component that toggles the expanded state
- * @see {@link CollapsibleContent} - The content component that is shown/hidden based on the expanded state
- */
-declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
-export { Collapsible };

package/dist/esm/components/collapsible/Collapsible.js

@@ -1,30 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { uyTv as l } from "@payfit/unity-themes";
-import { Disclosure as r } from "react-aria-components/Disclosure";
-const n = l({
-  base: [
-    "uy:w-full uy:rounded-50",
-    "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-2",
-    "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-solid",
-    "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-offset-2",
-    "uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-utility-focus-ring"
-  ]
-}), f = e(
-  ({ children: i, isExpanded: t, defaultExpanded: o, ...s }, a) => /* @__PURE__ */ u(
-    r,
-    {
-      "data-dd-privacy": "allow",
-      ...s,
-      className: n(),
-      ref: a,
-      defaultExpanded: o,
-      isExpanded: t,
-      children: i
-    }
-  )
-);
-f.displayName = "Collapsible";
-export {
-  f as Collapsible
-};

package/dist/esm/components/collapsible/parts/CollapsibleContent.d.ts

@@ -1,36 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * @description
- * The CollapsibleContent component renders the content that is shown or hidden
- * when the parent Collapsible component is expanded or collapsed.
- */
-export interface CollapsibleContentProps {
-    /**
-     * The content to be shown or hidden.
-     */
-    children: ReactNode;
-}
-/**
- * The content component for a Collapsible.
- *
- * This component renders a DisclosurePanel that shows or hides its content
- * based on the expanded state of the parent Collapsible component.
- * @example
- * ```tsx
- * <Collapsible>
- *   <CollapsibleTitle>Section Title</CollapsibleTitle>
- *   <CollapsibleContent>
- *     This content will be shown or hidden based on the expanded state.
- *   </CollapsibleContent>
- * </Collapsible>
- * ```
- * @component
- * @see {@link Collapsible} - The parent component
- * @see {@link CollapsibleTitle} - The title component that toggles the expanded state
- * @param {CollapsibleContentProps} props - The component props
- * @param {ReactNode} props.children - The content to be shown or hidden
- * @param {React.Ref<HTMLDivElement>} ref - A ref to the underlying HTML div element
- * @returns {JSX.Element} The rendered CollapsibleContent component
- */
-declare const CollapsibleContent: import('react').ForwardRefExoticComponent<CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
-export { CollapsibleContent };

package/dist/esm/components/collapsible/parts/CollapsibleContent.js

@@ -1,19 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { DisclosurePanel as t } from "react-aria-components/Disclosure";
-const l = e(
-  ({ children: i, ...o }, r) => /* @__PURE__ */ a(
-    t,
-    {
-      ref: r,
-      "data-dd-privacy": "allow",
-      ...o,
-      className: "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0 uy:overflow-hidden uy:aria-hidden:max-h-0",
-      children: /* @__PURE__ */ a("div", { className: "uy:ml-400 uy:typography-body", children: i })
-    }
-  )
-);
-l.displayName = "CollapsibleContent";
-export {
-  l as CollapsibleContent
-};

package/dist/esm/components/collapsible/parts/CollapsibleTitle.d.ts

@@ -1,39 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * @description
- * The CollapsibleTitle component renders the clickable header of a Collapsible component.
- * It displays a title with an icon that rotates based on the expanded state.
- * @example
- * ```tsx
- * <Collapsible>
- *   <CollapsibleTitle>Section Title</CollapsibleTitle>
- *   <CollapsibleContent>Content</CollapsibleContent>
- * </Collapsible>
- * ```
- * @component
- * @see {@link Collapsible} - The parent component
- * @see {@link CollapsibleContent} - The content component that is shown/hidden
- */
-interface CollapsibleTitleProps {
-    /**
-     * The content of the collapsible title.
-     */
-    children: ReactNode;
-    /**
-     * Optional content to display after the title.
-     */
-    suffix?: ReactNode;
-}
-/**
- * The title component for a Collapsible.
- *
- * This component renders a heading with a button that toggles the expanded state of the parent Collapsible.
- * It displays an icon that rotates based on the expanded state to indicate the current state.
- * @param {CollapsibleTitleProps} props - The component props
- * @param {ReactNode} props.children - The content of the title
- * @param {ReactNode} [props.suffix] - Optional content to display after the title
- * @param {React.Ref<HTMLDivElement>} ref - A ref to the underlying HTML div element
- * @returns {JSX.Element} The rendered CollapsibleTitle component
- */
-declare const CollapsibleTitle: import('react').ForwardRefExoticComponent<CollapsibleTitleProps & import('react').RefAttributes<HTMLDivElement>>;
-export { CollapsibleTitle };

package/dist/esm/components/collapsible/parts/CollapsibleTitle.js

@@ -1,53 +0,0 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as m, useContext as p } from "react";
-import { uyTv as d } from "@payfit/unity-themes";
-import { Button as f } from "react-aria-components/Button";
-import { DisclosureStateContext as x } from "react-aria-components/Disclosure";
-import { Heading as b } from "react-aria-components/Heading";
-import { Icon as v } from "../../icon/Icon.js";
-import { Text as o } from "../../text/Text.js";
-const g = d({
-  slots: {
-    base: "uy:w-full",
-    button: [
-      "uy:flex uy:gap-50 uy:pb-100 uy:pt-100 uy:w-full uy:cursor-pointer uy:hover:text-content-neutral-hover uy:focus-visible:outline-none"
-    ],
-    title: "uy:flex uy:grow uy:text-left uy:items-center",
-    icon: "uy:mr-100 uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center"
-  },
-  variants: {
-    isExpanded: {
-      true: {
-        icon: "uy:rotate-180"
-      },
-      false: {
-        icon: "uy:rotate-0"
-      }
-    }
-  },
-  defaultVariants: {
-    isExpanded: !1
-  }
-}), w = m(
-  ({ children: r, suffix: e, ...a }, i) => {
-    const n = p(x), { base: l, button: s, title: u, icon: c } = g({
-      isExpanded: n?.isExpanded
-    });
-    return /* @__PURE__ */ t(b, { "data-dd-privacy": "allow", ...a, ref: i, className: l(), children: /* @__PURE__ */ y(f, { className: s(), slot: "trigger", children: [
-      /* @__PURE__ */ t(
-        v,
-        {
-          src: "CaretDownOutlined",
-          className: c(),
-          role: "presentation"
-        }
-      ),
-      /* @__PURE__ */ t(o, { variant: "bodyStrong", className: u(), children: r }),
-      e ? /* @__PURE__ */ t(o, { variant: "body", children: e }) : null
-    ] }) });
-  }
-);
-w.displayName = "CollapsibleTitle";
-export {
-  w as CollapsibleTitle
-};