@bitrise/bitkit-v2 0.3.74 → 0.3.75

package/dist/components/BitkitSelect/BitkitSelect.d.ts

@@ -0,0 +1,19 @@
+import { FieldRootProps } from '@chakra-ui/react/field';
+import { NativeSelectRootProps } from '@chakra-ui/react/native-select';
+import { ReactNode } from 'react';
+import { BitkitFieldProps } from '../BitkitField/BitkitField';
+export interface BitkitSelectProps extends FieldRootProps {
+    errorText?: BitkitFieldProps['errorText'];
+    helperText?: BitkitFieldProps['helperText'];
+    label?: BitkitFieldProps['label'];
+    optional?: BitkitFieldProps['optional'];
+    placeholder?: string;
+    selectProps?: NativeSelectRootProps;
+    size?: 'md' | 'lg';
+    state?: 'disabled' | 'error' | 'readOnly' | 'warning';
+    tooltip?: BitkitFieldProps['tooltip'];
+    warningText?: BitkitFieldProps['warningText'];
+    children: ReactNode;
+}
+declare const BitkitSelect: import('react').ForwardRefExoticComponent<BitkitSelectProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitSelect;

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -0,0 +1,52 @@
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { NativeSelect as n } from "@chakra-ui/react/native-select";
+import { useSlotRecipe as S } from "@chakra-ui/react/styled-system";
+import { forwardRef as y } from "react";
+import k from "../../icons/16x16/IconErrorCircleFilled16.js";
+import F from "../../icons/16x16/IconWarningYellow16.js";
+import b from "../../icons/24x24/IconErrorCircleFilled24.js";
+import B from "../../icons/24x24/IconSelectChevron24.js";
+import C from "../../icons/24x24/IconWarningYellow24.js";
+import N from "../BitkitField/BitkitField.js";
+const R = y((a, d) => {
+  const {
+    errorText: l,
+    helperText: m,
+    label: p,
+    optional: f,
+    placeholder: g,
+    selectProps: I,
+    size: t = "md",
+    state: e,
+    tooltip: u,
+    warningText: c,
+    children: h,
+    ...v
+  } = a, r = S({ key: "nativeSelect" })(), w = e === "warning" || !!c, s = e === "error" || !!l;
+  let i;
+  return s ? i = t === "lg" ? /* @__PURE__ */ o(b, { css: r.statusIcon, color: "icon/negative" }) : /* @__PURE__ */ o(k, { css: r.statusIcon, color: "icon/negative" }) : w && (i = t === "lg" ? /* @__PURE__ */ o(C, { css: r.statusIcon, color: "icon/warning" }) : /* @__PURE__ */ o(F, { css: r.statusIcon, color: "icon/warning" })), /* @__PURE__ */ o(
+    N,
+    {
+      disabled: e === "disabled",
+      errorText: l,
+      helperText: m,
+      invalid: s,
+      label: p,
+      optional: f,
+      readOnly: e === "readOnly",
+      ref: d,
+      tooltip: u,
+      warningText: c,
+      ...v,
+      children: /* @__PURE__ */ x(n.Root, { size: t, ...I, className: "group", children: [
+        /* @__PURE__ */ o(n.Field, { placeholder: g, children: h }),
+        i,
+        /* @__PURE__ */ o(n.Indicator, { children: /* @__PURE__ */ o(B, {}) })
+      ] })
+    }
+  );
+});
+R.displayName = "BitkitSelect";
+export {
+  R as default
+};

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { default as BitkitCloseButton, type BitkitCloseButtonProps } from './Bit
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
+export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
 export { default as BitkitTextField, type BitkitTextFieldProps } from './BitkitTextField/BitkitTextField';
 export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';