@bitrise/bitkit-v2 0.3.140 → 0.3.142

package/dist/components/BitkitCombobox/BitkitCombobox.d.ts

@@ -0,0 +1,21 @@
+import { ComboboxRootProps } from '@chakra-ui/react/combobox';
+import { FieldRootProps } from '@chakra-ui/react/field';
+import { BitkitFieldProps } from '../BitkitField/BitkitField';
+import { BitkitSelectContentProps, BitkitSelectMenuCreateItemProps, BitkitSelectMenuItemProps, BitkitSelectMenuSearchProps } from '../BitkitSelectMenu/BitkitSelectMenu';
+export type BitkitComboboxProps = FieldRootProps & {
+    comboboxProps?: ComboboxRootProps;
+    contentProps?: BitkitSelectContentProps;
+    errorText?: BitkitFieldProps['errorText'];
+    helperText?: BitkitFieldProps['helperText'];
+    isLoading?: boolean;
+    items: Array<BitkitSelectMenuItemProps>;
+    label?: BitkitFieldProps['label'];
+    optional?: BitkitFieldProps['optional'];
+    placeholder?: string;
+    size?: 'md' | 'lg';
+    state?: 'default' | 'disabled' | 'error' | 'readOnly' | 'warning';
+    tooltip?: BitkitFieldProps['tooltip'];
+    warningText?: BitkitFieldProps['warningText'];
+} & BitkitSelectMenuCreateItemProps & BitkitSelectMenuSearchProps;
+declare const BitkitCombobox: import('react').ForwardRefExoticComponent<BitkitComboboxProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitCombobox;

package/dist/components/BitkitCombobox/BitkitCombobox.js

@@ -0,0 +1,107 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Combobox as o } from "@chakra-ui/react/combobox";
+import { useListCollection as j } from "@chakra-ui/react/hooks";
+import { useFilter as H } from "@chakra-ui/react/locale";
+import { Portal as V } from "@chakra-ui/react/portal";
+import { useSlotRecipe as W } from "@chakra-ui/react/styled-system";
+import { Text as A } from "@chakra-ui/react/text";
+import { forwardRef as G } from "react";
+import M from "../../icons/IconErrorCircleFilled.js";
+import Y from "../../icons/IconWarningYellow.js";
+import _ from "../../utilities/AssetSelectChevron.js";
+import q from "../BitkitCloseButton/BitkitCloseButton.js";
+import D from "../BitkitField/BitkitField.js";
+import J from "../BitkitSelectMenu/BitkitSelectMenu.js";
+const K = G((p, h) => {
+  const {
+    comboboxProps: b,
+    contentProps: f,
+    createItemHref: u,
+    createItemLabel: x,
+    createItemProps: C,
+    errorText: s,
+    hasSearch: g,
+    helperText: I,
+    isLoading: y,
+    items: v,
+    label: S,
+    onCreateItem: T,
+    onSearchChange: k,
+    optional: B,
+    placeholder: z = "Enter a value or select",
+    size: i,
+    state: t,
+    tooltip: P,
+    warningText: a,
+    ...R
+  } = p, { contains: w } = H({ sensitivity: "base" }), { collection: c, filter: E } = j({
+    initialItems: v,
+    filter: (d, L, N) => w(N.label, L)
+  }), O = W({ key: "combobox" })({ size: i }), F = t === "warning" || !!a, n = t === "error" || !!s, m = i === "md" ? "16" : "24";
+  let l;
+  return n ? l = /* @__PURE__ */ e(M, { size: m, color: "icon/negative" }) : F && (l = /* @__PURE__ */ e(Y, { size: m })), /* @__PURE__ */ e(
+    D,
+    {
+      disabled: t === "disabled",
+      errorText: s,
+      helperText: I,
+      invalid: n,
+      label: S,
+      optional: B,
+      readOnly: t === "readOnly",
+      ref: h,
+      tooltip: P,
+      warningText: a,
+      ...R,
+      children: /* @__PURE__ */ r(
+        o.Root,
+        {
+          ...b,
+          collection: c,
+          disabled: t === "disabled",
+          invalid: n,
+          onInputValueChange: (d) => {
+            E(d.inputValue);
+          },
+          readOnly: t === "readOnly",
+          size: i,
+          children: [
+            /* @__PURE__ */ r(o.Control, { className: "group", children: [
+              /* @__PURE__ */ e(o.Input, { placeholder: z }),
+              /* @__PURE__ */ r(o.IndicatorGroup, { children: [
+                /* @__PURE__ */ e(o.ClearTrigger, { asChild: !0, children: /* @__PURE__ */ e(q, { size: "sm" }) }),
+                l,
+                /* @__PURE__ */ e(o.Trigger, { asChild: !0, children: /* @__PURE__ */ e(_, {}) })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(o.Positioner, { children: /* @__PURE__ */ r(o.Content, { children: [
+              /* @__PURE__ */ r(o.Empty, { children: [
+                "No items found ",
+                /* @__PURE__ */ e(A, { css: O.emptyHelperText, children: "Enter custom value" })
+              ] }),
+              /* @__PURE__ */ e(
+                J,
+                {
+                  collection: c,
+                  createItemHref: u,
+                  createItemLabel: x,
+                  createItemProps: C,
+                  contentProps: f,
+                  isLoading: y,
+                  onCreateItem: T,
+                  size: i,
+                  variant: "combobox",
+                  ...g ? { hasSearch: !0, onSearchChange: k } : { hasSearch: !1 }
+                }
+              )
+            ] }) }) })
+          ]
+        }
+      )
+    }
+  );
+});
+K.displayName = "BitkitCombobox";
+export {
+  K as default
+};

package/dist/components/BitkitControlButton/BitkitControlButton.d.ts

@@ -0,0 +1,14 @@
+import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import { BitkitIconComponent } from '../../icons';
+import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+type ControlButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+export interface BitkitControlButtonProps extends Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {
+    icon: BitkitIconComponent;
+    isDanger?: boolean;
+    label: string;
+    size?: ControlButtonSize;
+    state?: 'disabled' | 'skeleton';
+    tooltipProps?: Partial<Omit<BitkitTooltipProps, 'children' | 'text'>>;
+}
+declare const BitkitControlButton: import('react').ForwardRefExoticComponent<BitkitControlButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default BitkitControlButton;

package/dist/components/BitkitControlButton/BitkitControlButton.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Skeleton as d } from "@chakra-ui/react/skeleton";
+import { useRecipe as f, chakra as k } from "@chakra-ui/react/styled-system";
+import { forwardRef as u } from "react";
+import x from "../BitkitTooltip/BitkitTooltip.js";
+const B = u((r, n) => {
+  const { icon: s, isDanger: l, label: i, size: o = "sm", state: e, tooltipProps: a, ...c } = r, m = f({ key: "controlButton" }), p = o === "xxs" || o === "xs" ? "16" : "24";
+  return /* @__PURE__ */ t(x, { text: i, ...a, children: /* @__PURE__ */ t(
+    k.button,
+    {
+      ref: n,
+      "aria-label": i,
+      disabled: e === "disabled" || e === "skeleton",
+      ...c,
+      css: m({ isDanger: l, size: o }),
+      children: /* @__PURE__ */ t(d, { loading: e === "skeleton", children: /* @__PURE__ */ t(s, { size: p }) })
+    }
+  ) });
+});
+B.displayName = "BitkitControlButton";
+export {
+  B as default
+};

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -3,25 +3,25 @@ import { Box as L } from "@chakra-ui/react/box";
 import { createListCollection as j } from "@chakra-ui/react/collection";
 import { Portal as F } from "@chakra-ui/react/portal";
 import { Select as r, useSelectContext as H } from "@chakra-ui/react/select";
-import { forwardRef as R } from "react";
-import A from "../../utilities/AssetSelectChevron.js";
-import E from "../BitkitField/BitkitField.js";
-import G from "../BitkitSelectMenu/BitkitSelectMenu.js";
-import M from "../../icons/IconErrorCircleFilled.js";
-import N from "../../icons/IconWarningYellow.js";
+import { forwardRef as N } from "react";
+import R from "../../utilities/AssetSelectChevron.js";
+import A from "../BitkitField/BitkitField.js";
+import E from "../BitkitSelectMenu/BitkitSelectMenu.js";
+import G from "../../icons/IconErrorCircleFilled.js";
+import M from "../../icons/IconWarningYellow.js";
 const W = ({ placeholder: i, state: n, size: m }) => {
-  const o = H().selectedItems, c = o[0]?.icon, a = o[0]?.label, s = m === "md" ? "16" : "24";
+  const o = H().selectedItems, a = o[0]?.icon, c = o[0]?.label, s = m === "md" ? "16" : "24";
   return o[0] ? /* @__PURE__ */ e(r.ValueText, { placeholder: i || n === "readOnly" ? "(not selected)" : "Select an option", children: /* @__PURE__ */ d(L, { display: "flex", alignItems: "center", gap: "8", children: [
-    c && /* @__PURE__ */ e(c, { size: s }),
-    a
+    a && /* @__PURE__ */ e(a, { size: s }),
+    c
   ] }) }) : /* @__PURE__ */ e(r.ValueText, { placeholder: i ?? (n === "readOnly" ? "(not selected)" : "Select an option") });
-}, Y = R((i, n) => {
+}, Y = N((i, n) => {
   const {
     contentProps: m,
     createItemHref: h,
     createItemLabel: o,
-    createItemProps: c,
-    defaultValue: a,
+    createItemProps: a,
+    defaultValue: c,
     errorText: s,
     hasSearch: g,
     helperText: S,
@@ -46,7 +46,7 @@ const W = ({ placeholder: i, state: n, size: m }) => {
     groupBy: (p) => p.group || ""
   });
   return /* @__PURE__ */ e(
-    E,
+    A,
     {
       disabled: t === "disabled",
       errorText: s,
@@ -65,26 +65,26 @@ const W = ({ placeholder: i, state: n, size: m }) => {
           collection: f,
           size: l,
           ...P,
-          defaultValue: a ? [a] : void 0,
+          defaultValue: c ? [c] : void 0,
           onValueChange: (p) => V?.(p.value[0]),
           value: u ? [u] : void 0,
           children: [
             /* @__PURE__ */ e(r.HiddenSelect, {}),
-            /* @__PURE__ */ d(r.Control, { children: [
+            /* @__PURE__ */ d(r.Control, { className: "group", children: [
               /* @__PURE__ */ e(r.Trigger, { ...z, children: /* @__PURE__ */ e(W, { placeholder: B, size: l, state: t }) }),
               /* @__PURE__ */ d(r.IndicatorGroup, { children: [
-                t === "error" && /* @__PURE__ */ e(r.Indicator, { children: /* @__PURE__ */ e(M, { size: l === "lg" ? "24" : "16", color: "icon/negative" }) }),
-                t === "warning" && /* @__PURE__ */ e(r.Indicator, { children: /* @__PURE__ */ e(N, { size: l === "lg" ? "24" : "16" }) }),
-                /* @__PURE__ */ e(r.Indicator, { asChild: !0, children: /* @__PURE__ */ e(A, {}) })
+                t === "error" && /* @__PURE__ */ e(r.Indicator, { children: /* @__PURE__ */ e(G, { size: l === "lg" ? "24" : "16", color: "icon/negative" }) }),
+                t === "warning" && /* @__PURE__ */ e(r.Indicator, { children: /* @__PURE__ */ e(M, { size: l === "lg" ? "24" : "16" }) }),
+                /* @__PURE__ */ e(r.Indicator, { asChild: !0, children: /* @__PURE__ */ e(R, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ e(
-              G,
+              E,
               {
                 collection: f,
                 createItemHref: h,
                 createItemLabel: o,
-                createItemProps: c,
+                createItemProps: a,
                 contentProps: m,
                 isLoading: I,
                 onCreateItem: v,

package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js

@@ -16,26 +16,26 @@ const E = P((f, h) => {
   const {
     collection: u,
     contentProps: I = {},
-    hasSearch: x = !1,
-    isLoading: S = !1,
-    onSearchChange: g,
-    size: s,
-    variant: y = "select",
-    createItemLabel: b = "Create item",
-    onCreateItem: m,
     createItemHref: n,
-    createItemProps: C
-  } = f, o = y === "combobox" ? z : L, r = M({ key: "select" })({ size: s }), i = s === "md" ? "16" : "24";
+    createItemLabel: x = "Create item",
+    createItemProps: S,
+    hasSearch: g = !1,
+    isLoading: y = !1,
+    onCreateItem: s,
+    onSearchChange: b,
+    size: m,
+    variant: C = "select"
+  } = f, o = C === "combobox" ? z : L, r = M({ key: "select" })({ size: m }), i = m === "md" ? "16" : "24";
   return /* @__PURE__ */ t(o.Content, { css: r.content, ref: h, ...I, children: [
-    x && /* @__PURE__ */ e(
+    g && /* @__PURE__ */ e(
       G,
       {
         startElement: /* @__PURE__ */ e(w, { size: i, color: "icon/tertiary" }),
         css: r.searchInputGroup,
-        children: /* @__PURE__ */ e(v, { placeholder: "Search...", css: r.searchInput, onChange: (c) => g?.(c.target.value) })
+        children: /* @__PURE__ */ e(v, { placeholder: "Search...", css: r.searchInput, onChange: (c) => b?.(c.target.value) })
       }
     ),
-    /* @__PURE__ */ e(l, { overflowY: "auto", children: S ? /* @__PURE__ */ t(l, { display: "flex", alignItems: "center", gap: "12", justifyContent: "left", css: r.item, children: [
+    /* @__PURE__ */ e(l, { overflowY: "auto", children: y ? /* @__PURE__ */ t(l, { display: "flex", alignItems: "center", gap: "12", justifyContent: "left", css: r.item, children: [
       /* @__PURE__ */ e(B, { variant: "purple" }),
       /* @__PURE__ */ e(d, { color: "text/secondary", textStyle: "body/md/regular", children: "Loading..." })
     ] }) : u.group().map(([c, k]) => /* @__PURE__ */ t(o.ItemGroup, { children: [
@@ -54,17 +54,17 @@ const E = P((f, h) => {
         ] }, a.value);
       })
     ] }, c)) }),
-    (n || m) && /* @__PURE__ */ t(
+    (n || s) && /* @__PURE__ */ t(
       l,
       {
         as: n ? "a" : "button",
         css: r.createItem,
         ...n ? { href: n } : {},
-        onClick: m,
-        ...C,
+        onClick: s,
+        ...S,
         children: [
           /* @__PURE__ */ e(R, { size: i, color: "button/secondary/icon" }),
-          b
+          x
         ]
       }
     )

package/dist/components/index.d.ts

@@ -10,6 +10,8 @@ export { default as BitkitCheckbox, type BitkitCheckboxProps } from './BitkitChe
 export { default as BitkitCheckboxGroup, type BitkitCheckboxGroupProps, } from './BitkitCheckboxGroup/BitkitCheckboxGroup';
 export { default as BitkitCloseButton, type BitkitCloseButtonProps } from './BitkitCloseButton/BitkitCloseButton';
 export { default as BitkitColorButton, type BitkitColorButtonProps } from './BitkitColorButton/BitkitColorButton';
+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 BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';