@bitrise/bitkit-v2 0.3.152 → 0.3.154

package/dist/components/BitkitDialog/BitkitDialog.d.ts

@@ -0,0 +1,24 @@
+import { Dialog } from '@chakra-ui/react/dialog';
+import { ReactNode } from 'react';
+export interface BitkitDialogProps {
+    label?: string;
+    maxHeight?: string;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    open?: boolean;
+    preventScroll?: boolean;
+    scrollBehavior?: 'inside' | 'outside';
+    showScrollGradient?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    title: ReactNode;
+    trigger?: ReactNode;
+    children?: ReactNode;
+}
+declare const BitkitDialog: {
+    ({ label, maxHeight, onOpenChange, open, title, trigger, children, preventScroll, scrollBehavior, showScrollGradient, size, }: BitkitDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const BitkitDialogActionTrigger: import('react').ForwardRefExoticComponent<Dialog.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const BitkitDialogFooter: import('react').ForwardRefExoticComponent<Dialog.FooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitDialog;

package/dist/components/BitkitDialog/BitkitDialog.js

@@ -0,0 +1,50 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { Dialog as i } from "@chakra-ui/react/dialog";
+import { Portal as f } from "@chakra-ui/react/portal";
+import k from "./BitkitDialogContent.js";
+import D from "./BitkitDialogRoot.js";
+const h = ({
+  label: e,
+  maxHeight: l,
+  onOpenChange: m,
+  open: n,
+  title: d,
+  trigger: t,
+  children: p,
+  preventScroll: g,
+  scrollBehavior: r,
+  showScrollGradient: s,
+  size: c
+}) => /* @__PURE__ */ a(
+  D,
+  {
+    open: n,
+    preventScroll: g,
+    scrollBehavior: r,
+    size: c,
+    onOpenChange: m,
+    children: [
+      t && /* @__PURE__ */ o(i.Trigger, { asChild: !0, children: t }),
+      /* @__PURE__ */ a(f, { children: [
+        /* @__PURE__ */ o(i.Backdrop, {}),
+        /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ o(
+          k,
+          {
+            label: e,
+            maxHeight: l,
+            scrollBehavior: r,
+            showScrollGradient: s,
+            title: d,
+            children: p
+          }
+        ) })
+      ] })
+    ]
+  }
+);
+i.ActionTrigger;
+i.Footer;
+h.displayName = "BitkitDialog";
+export {
+  h as default
+};

package/dist/components/BitkitDialog/BitkitDialogBody.d.ts

@@ -0,0 +1,9 @@
+import { Dialog } from '@chakra-ui/react/dialog';
+interface DialogBodyContext {
+    scrollBehavior: 'inside' | 'outside';
+    showScrollGradient: boolean;
+}
+export type BitkitDialogBodyProps = Dialog.BodyProps;
+export declare const DialogBodyContext: import('react').Context<DialogBodyContext>;
+declare const BitkitDialogBody: (props: BitkitDialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDialogBody;

package/dist/components/BitkitDialog/BitkitDialogBody.js

@@ -0,0 +1,53 @@
+import { jsx as t, jsxs as u, Fragment as p } from "react/jsx-runtime";
+import { Box as d } from "@chakra-ui/react/box";
+import { Dialog as f, useDialogContext as y } from "@chakra-ui/react/dialog";
+import { useSlotRecipe as g, chakra as S } from "@chakra-ui/react/styled-system";
+import { useContext as m, createContext as v, useRef as x, useState as C, useCallback as D, useEffect as k } from "react";
+import w from "../../icons/IconArrowDown.js";
+const B = v({
+  scrollBehavior: "outside",
+  showScrollGradient: !0
+}), R = ({ children: r, ...n }) => {
+  const { showScrollGradient: b } = m(B), c = g({ key: "dialog" })({}), { open: i } = y(), e = x(null), [h, a] = C(!1), s = D(() => {
+    const o = e.current;
+    if (!o) {
+      a(!1);
+      return;
+    }
+    const l = o.scrollTop >= o.scrollHeight - o.offsetHeight - 1;
+    a(!l);
+  }, []);
+  return k(() => {
+    const o = e.current;
+    if (!i || !o) return;
+    o.addEventListener("scroll", s);
+    const l = new ResizeObserver(s);
+    return l.observe(o), () => {
+      o.removeEventListener("scroll", s), l.disconnect();
+    };
+  }, [i, s]), /* @__PURE__ */ u(d, { css: c.scrollBody, children: [
+    /* @__PURE__ */ t(f.Body, { ref: e, ...n, children: r }),
+    h && /* @__PURE__ */ u(p, { children: [
+      b && /* @__PURE__ */ t(d, { css: c.scrollGradient }),
+      /* @__PURE__ */ t(
+        S.button,
+        {
+          "aria-label": "Scroll to bottom",
+          css: c.scrollButton,
+          type: "button",
+          onClick: () => {
+            e.current?.scrollTo({ top: e.current.scrollHeight, behavior: "smooth" });
+          },
+          children: /* @__PURE__ */ t(w, { color: "icon/tertiary", size: "16" })
+        }
+      )
+    ] })
+  ] });
+}, I = (r) => {
+  const { scrollBehavior: n } = m(B);
+  return n === "inside" ? /* @__PURE__ */ t(R, { ...r }) : /* @__PURE__ */ t(f.Body, { ...r });
+};
+export {
+  B as DialogBodyContext,
+  I as default
+};

package/dist/components/BitkitDialog/BitkitDialogContent.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface BitkitDialogContentProps {
+    label?: string;
+    maxHeight?: string;
+    scrollBehavior?: 'inside' | 'outside';
+    showScrollGradient?: boolean;
+    title: ReactNode;
+    children?: ReactNode;
+}
+declare const BitkitDialogContent: ({ label, maxHeight, title, scrollBehavior, showScrollGradient, children, }: BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDialogContent;

package/dist/components/BitkitDialog/BitkitDialogContent.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Box as m } from "@chakra-ui/react/box";
+import { Dialog as i } from "@chakra-ui/react/dialog";
+import { useSlotRecipe as a, chakra as p } from "@chakra-ui/react/styled-system";
+import f from "../BitkitCloseButton/BitkitCloseButton.js";
+import { DialogBodyContext as h } from "./BitkitDialogBody.js";
+const D = ({
+  label: r,
+  maxHeight: t,
+  title: l,
+  scrollBehavior: n = "outside",
+  showScrollGradient: s = !0,
+  children: c
+}) => {
+  const d = a({ key: "dialog" })({});
+  return /* @__PURE__ */ e(i.Content, { maxHeight: t, children: /* @__PURE__ */ o(h.Provider, { value: { scrollBehavior: n, showScrollGradient: s }, children: [
+    /* @__PURE__ */ o(i.Header, { children: [
+      /* @__PURE__ */ o(m, { display: "flex", flexDirection: "column", gap: "4", children: [
+        r && /* @__PURE__ */ e(p.p, { css: d.label, children: r }),
+        /* @__PURE__ */ e(i.Title, { children: l })
+      ] }),
+      /* @__PURE__ */ e(i.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ e(f, { size: "md" }) })
+    ] }),
+    c
+  ] }) });
+};
+export {
+  D as default
+};

package/dist/components/BitkitDialog/BitkitDialogRoot.d.ts

@@ -0,0 +1,4 @@
+import { Dialog } from '@chakra-ui/react/dialog';
+export type BitkitDialogRootProps = Dialog.RootProps;
+declare const BitkitDialogRoot: ({ closeOnInteractOutside, preventScroll, ...props }: BitkitDialogRootProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDialogRoot;

package/dist/components/BitkitDialog/BitkitDialogRoot.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Dialog as a } from "@chakra-ui/react/dialog";
+const l = ({
+  closeOnInteractOutside: o = !1,
+  preventScroll: t = !0,
+  ...i
+}) => /* @__PURE__ */ r(a.Root, { closeOnInteractOutside: o, preventScroll: t, ...i });
+export {
+  l as default
+};

package/dist/components/BitkitLinkButton/BitkitLinkButton.d.ts

@@ -0,0 +1,9 @@
+import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react/styled-system';
+import { BitkitIconComponent } from '../../icons';
+export interface BitkitLinkButtonProps extends Omit<HTMLChakraProps<'button'>, 'css' | 'disabled' | 'type'>, RecipeProps<'linkButton'> {
+    children: string;
+    state?: 'disabled';
+    suffixIcon?: BitkitIconComponent;
+}
+declare const BitkitLinkButton: import('react').ForwardRefExoticComponent<BitkitLinkButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default BitkitLinkButton;

package/dist/components/BitkitLinkButton/BitkitLinkButton.js

@@ -0,0 +1,14 @@
+import { jsxs as f, jsx as u } from "react/jsx-runtime";
+import { useRecipe as d, chakra as l } from "@chakra-ui/react/styled-system";
+import { forwardRef as p } from "react";
+const k = p((e, o) => {
+  const { children: s, size: t, state: n, suffixIcon: i, ...r } = e, c = d({ key: "linkButton" }), a = t === "lg" ? "24" : "16";
+  return /* @__PURE__ */ f(l.button, { ref: o, ...r, css: c({ size: t }), disabled: n === "disabled", type: "button", children: [
+    s,
+    i && /* @__PURE__ */ u(i, { size: a })
+  ] });
+});
+k.displayName = "BitkitLinkButton";
+export {
+  k as default
+};

package/dist/components/index.d.ts

@@ -13,12 +13,17 @@ export { default as BitkitColorButton, type BitkitColorButtonProps } from './Bit
 export { default as BitkitCombobox, type BitkitComboboxProps } from './BitkitCombobox/BitkitCombobox';
 export { default as BitkitControlButton, type BitkitControlButtonProps, } from './BitkitControlButton/BitkitControlButton';
 export { default as BitkitDefinitionTooltip, type BitkitDefinitionTooltipProps, } from './BitkitDefinitionTooltip/BitkitDefinitionTooltip';
+export { default as BitkitDialog, type BitkitDialogProps } from './BitkitDialog/BitkitDialog';
+export { default as BitkitDialogBody, type BitkitDialogBodyProps } from './BitkitDialog/BitkitDialogBody';
+export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
+export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
 export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
 export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
 export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
+export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
 export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';