@oxyhq/bloom 0.4.0 → 0.5.0

package/lib/typescript/module/prompt/Prompt.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import { type GestureResponderEvent } from 'react-native';
-import * as Dialog from '../dialog';
-export { type DialogControlProps as PromptControlProps, useDialogControl as usePromptControl, } from '../dialog';
-export declare function Outer({ children, control, testID, onClose, }: React.PropsWithChildren<{
-    control: Dialog.DialogControlProps;
-    testID?: string;
-    onClose?: () => void;
-}>): import("react/jsx-runtime").JSX.Element;
-export declare function TitleText({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-export declare function DescriptionText({ children, selectable, }: React.PropsWithChildren<{
-    selectable?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
-export declare function Actions({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function Content({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export type ActionColor = 'primary' | 'primary_subtle' | 'secondary' | 'negative' | 'negative_subtle';
-export declare function Cancel({ cta }: {
-    cta?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function Action({ onPress, color, cta, disabled, shouldCloseOnPress, testID, }: {
-    onPress: (e: GestureResponderEvent) => void;
-    color?: ActionColor;
-    cta?: string;
-    disabled?: boolean;
-    shouldCloseOnPress?: boolean;
-    testID?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function Basic({ control, title, description, cancelButtonCta, confirmButtonCta, onConfirm, confirmButtonColor, showCancel, }: {
-    control: Dialog.DialogOuterProps['control'];
-    title: string;
-    description?: string;
-    cancelButtonCta?: string;
-    confirmButtonCta?: string;
-    onConfirm: (e: GestureResponderEvent) => void;
-    confirmButtonColor?: ActionColor;
-    showCancel?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Prompt.d.ts.map

package/lib/typescript/module/prompt/Prompt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AACtF,OAAO,EAA0C,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAIlG,OAAO,KAAK,MAAM,MAAM,WAAW,CAAC;AAEpC,OAAO,EACL,KAAK,kBAAkB,IAAI,kBAAkB,EAC7C,gBAAgB,IAAI,gBAAgB,GACrC,MAAM,WAAW,CAAC;AAWnB,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC,kBAAkB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,2CA8BD;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,2CAkB9D;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,GACX,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,2CAkBnD;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAElE;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAElE;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,iBAAiB,CAAC;AAkBtG,wBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,2CAuB/C;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAiB,EACjB,GAAG,EACH,QAAgB,EAChB,kBAAyB,EACzB,MAAM,GACP,EAAE;IACD,OAAO,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAsCA;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,kBAAkB,EAClB,UAAiB,GAClB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC9C,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,2CAkBA"}

package/lib/typescript/module/prompt/index.d.ts

@@ -1,3 +0,0 @@
-export { Outer, TitleText, DescriptionText, Actions, Content, Cancel, Action, Basic, usePromptControl, } from './Prompt';
-export type { PromptControlProps, ActionColor } from './Prompt';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/prompt/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/prompt/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,eAAe,EACf,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/src/prompt/Prompt.tsx

@@ -1,247 +0,0 @@
-import React, { createContext, useCallback, useContext, useId, useMemo } from 'react';
-import { View, Text, TouchableOpacity, Platform, type GestureResponderEvent } from 'react-native';
-
-import { useTheme } from '../theme/use-theme';
-import type { ThemeColors } from '../theme/types';
-import * as Dialog from '../dialog';
-
-export {
-  type DialogControlProps as PromptControlProps,
-  useDialogControl as usePromptControl,
-} from '../dialog';
-
-const PromptContext = createContext<{
-  titleId: string;
-  descriptionId: string;
-}>({
-  titleId: '',
-  descriptionId: '',
-});
-PromptContext.displayName = 'BloomPromptContext';
-
-export function Outer({
-  children,
-  control,
-  testID,
-  onClose,
-}: React.PropsWithChildren<{
-  control: Dialog.DialogControlProps;
-  testID?: string;
-  onClose?: () => void;
-}>) {
-  const titleId = useId();
-  const descriptionId = useId();
-
-  const context = useMemo(
-    () => ({ titleId, descriptionId }),
-    [titleId, descriptionId],
-  );
-
-  return (
-    <Dialog.Outer
-      control={control}
-      testID={testID}
-      onClose={onClose}
-      webOptions={{ alignCenter: true }}
-      preventExpansion
-    >
-      <PromptContext.Provider value={context}>
-        <Dialog.ScrollableInner
-          label=""
-          style={Platform.select({
-            web: { maxWidth: 320, borderRadius: 36 },
-            default: undefined,
-          })}
-        >
-          {children}
-        </Dialog.ScrollableInner>
-      </PromptContext.Provider>
-    </Dialog.Outer>
-  );
-}
-
-export function TitleText({ children }: React.PropsWithChildren) {
-  const { titleId } = useContext(PromptContext);
-  const theme = useTheme();
-
-  return (
-    <Text
-      nativeID={titleId}
-      style={{
-        fontSize: 22,
-        fontWeight: '600',
-        color: theme.colors.text,
-        paddingBottom: 4,
-        lineHeight: 30,
-      }}
-    >
-      {children}
-    </Text>
-  );
-}
-
-export function DescriptionText({
-  children,
-  selectable,
-}: React.PropsWithChildren<{ selectable?: boolean }>) {
-  const { descriptionId } = useContext(PromptContext);
-  const theme = useTheme();
-
-  return (
-    <Text
-      nativeID={descriptionId}
-      selectable={selectable}
-      style={{
-        fontSize: 16,
-        color: theme.colors.textSecondary,
-        paddingBottom: 16,
-        lineHeight: 22,
-      }}
-    >
-      {children}
-    </Text>
-  );
-}
-
-export function Actions({ children }: { children: React.ReactNode }) {
-  return <View style={{ width: '100%', gap: 8, justifyContent: 'flex-end' }}>{children}</View>;
-}
-
-export function Content({ children }: { children: React.ReactNode }) {
-  return <View style={{ paddingBottom: 8 }}>{children}</View>;
-}
-
-export type ActionColor = 'primary' | 'primary_subtle' | 'secondary' | 'negative' | 'negative_subtle';
-
-function getActionColors(color: ActionColor, colors: ThemeColors) {
-  switch (color) {
-    case 'negative':
-      return { background: colors.negative, foreground: colors.negativeForeground };
-    case 'negative_subtle':
-      return { background: colors.negativeSubtle, foreground: colors.negativeSubtleForeground };
-    case 'primary_subtle':
-      return { background: colors.primarySubtle, foreground: colors.primarySubtleForeground };
-    case 'secondary':
-      return { background: colors.contrast50, foreground: colors.text };
-    case 'primary':
-    default:
-      return { background: colors.primary, foreground: '#FFFFFF' };
-  }
-}
-
-export function Cancel({ cta }: { cta?: string }) {
-  const { close } = Dialog.useDialogContext();
-  const theme = useTheme();
-  const { background } = getActionColors('secondary', theme.colors);
-
-  return (
-    <TouchableOpacity
-      style={{
-        borderRadius: 9999,
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: background,
-        paddingVertical: 12,
-        paddingHorizontal: 24,
-      }}
-      onPress={() => close()}
-      activeOpacity={0.7}
-    >
-      <Text style={{ fontSize: 16, fontWeight: '500', color: theme.colors.text }}>
-        {cta ?? 'Cancel'}
-      </Text>
-    </TouchableOpacity>
-  );
-}
-
-export function Action({
-  onPress,
-  color = 'primary',
-  cta,
-  disabled = false,
-  shouldCloseOnPress = true,
-  testID,
-}: {
-  onPress: (e: GestureResponderEvent) => void;
-  color?: ActionColor;
-  cta?: string;
-  disabled?: boolean;
-  shouldCloseOnPress?: boolean;
-  testID?: string;
-}) {
-  const { close } = Dialog.useDialogContext();
-  const theme = useTheme();
-
-  const handleOnPress = useCallback(
-    (e: GestureResponderEvent) => {
-      if (shouldCloseOnPress) {
-        close(() => onPress(e));
-      } else {
-        onPress(e);
-      }
-    },
-    [close, onPress, shouldCloseOnPress],
-  );
-
-  const { background, foreground } = getActionColors(color, theme.colors);
-
-  return (
-    <TouchableOpacity
-      style={{
-        borderRadius: 9999,
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: background,
-        opacity: disabled ? 0.5 : 1,
-        paddingVertical: 12,
-        paddingHorizontal: 24,
-      }}
-      onPress={handleOnPress}
-      disabled={disabled}
-      activeOpacity={0.7}
-      testID={testID}
-    >
-      <Text style={{ fontSize: 16, fontWeight: '500', color: foreground }}>
-        {cta ?? 'Confirm'}
-      </Text>
-    </TouchableOpacity>
-  );
-}
-
-export function Basic({
-  control,
-  title,
-  description,
-  cancelButtonCta,
-  confirmButtonCta,
-  onConfirm,
-  confirmButtonColor,
-  showCancel = true,
-}: {
-  control: Dialog.DialogOuterProps['control'];
-  title: string;
-  description?: string;
-  cancelButtonCta?: string;
-  confirmButtonCta?: string;
-  onConfirm: (e: GestureResponderEvent) => void;
-  confirmButtonColor?: ActionColor;
-  showCancel?: boolean;
-}) {
-  return (
-    <Outer control={control} testID="confirmModal">
-      <Content>
-        <TitleText>{title}</TitleText>
-        {description && <DescriptionText>{description}</DescriptionText>}
-      </Content>
-      <Actions>
-        <Action
-          cta={confirmButtonCta}
-          onPress={onConfirm}
-          color={confirmButtonColor}
-          testID="confirmBtn"
-        />
-        {showCancel && <Cancel cta={cancelButtonCta} />}
-      </Actions>
-    </Outer>
-  );
-}

package/src/prompt/index.ts

@@ -1,13 +0,0 @@
-export {
-  Outer,
-  TitleText,
-  DescriptionText,
-  Actions,
-  Content,
-  Cancel,
-  Action,
-  Basic,
-  usePromptControl,
-} from './Prompt';
-
-export type { PromptControlProps, ActionColor } from './Prompt';