@rdsaude/pulso-react-components/dist/components/toast/index.cjs.map

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

{"version":3,"sources":["../../../src/components/toast/index.ts","../../../src/components/toast/toast.tsx","../../../src/utils/tv.ts","../../../src/components/toast/toast-description/toast-description.styles.ts","../../../src/components/toast/toast-description/index.tsx","../../../src/components/toast/toast-icon/index.tsx","../../../src/hooks/use-theme.ts","../../../src/components/theme-provider/theme-provider.tsx","../../../src/components/icon/utils/get-icon-color.ts","../../../src/components/icon/utils/get-icon-size.ts","../../../src/components/icon/icon.tsx","../../../src/components/toast/toast.styles.ts"],"sourcesContent":["export { Toast } from './toast'\nexport type { ToastProps } from './toast.types'\n","import { type Scope, createContextScope } from '@radix-ui/react-context'\n\nimport { forwardRef } from 'react'\nimport { ToastDescription } from './toast-description'\nimport { ToastIcon } from './toast-icon'\nimport { ToastRootVariants } from './toast.styles'\nimport type { ToastContext, ToastProps, ToastScopedProps } from './toast.types'\n\nexport const DISPLAY_NAME = 'Toast'\n\ntype ToastRootProps = ToastProps & {\n  children: React.ReactNode\n}\n\nconst ToastRoot = forwardRef<HTMLDivElement, ToastRootProps>((props, ref) => {\n  const { type, children, __scopeToast, ...rest } =\n    props as ToastScopedProps<ToastRootProps>\n\n  return (\n    <ToastProvider type={type} scope={__scopeToast} {...rest}>\n      <div\n        data-testid=\"toast-root\"\n        className={ToastRootVariants({ type })}\n        ref={ref}\n      >\n        {children}\n      </div>\n    </ToastProvider>\n  )\n})\n\nconst [createToastContext] = createContextScope(DISPLAY_NAME)\n\nexport const [ToastProvider, useToastContext]: readonly [\n  ProviderType<ToastContext>,\n  (consumerName: string, scope: Scope) => ToastContext,\n] = createToastContext<ToastContext>(DISPLAY_NAME)\n\n/*\n----------------------------------------------------------------\nComposition Export\n----------------------------------------------------------------\n*/\n\nexport const Toast = {\n  Root: ToastRoot,\n  Icon: ToastIcon,\n  Description: ToastDescription,\n}\n","import { type VariantProps, createTV } from 'tailwind-variants'\n\nexport const tv = createTV({\n  twMergeConfig: {\n    extend: {\n      classGroups: {\n        'font-size': [\n          {\n            text: ['threepulse', 'threeandhalfpulse'],\n          },\n        ],\n        'border-width': [\n          {\n            border: ['quarterpulse', 'halfpulse'],\n          },\n        ],\n        '--tw-ring-inset': [\n          {\n            ring: ['none', 'quarterpulse', 'halfpulse'],\n          },\n        ],\n      },\n    },\n  },\n})\n\nexport type { VariantProps }\n","import { tv } from '~/utils/tv'\n\nexport const ToastDescriptionVariants = tv({\n  base: `\n  text-text-neutral !font-rdmodern font-regular  text-threeandhalfpulse\n  leading-small truncate\n  `,\n  variants: {},\n})\n","import { ToastDescriptionVariants } from './toast-description.styles'\n\ntype ToastDescriptionProps = {\n  children: React.ReactNode\n}\nexport const ToastDescription = (props: ToastDescriptionProps) => {\n  const { children } = props\n\n  return (\n    <span\n      className={ToastDescriptionVariants()}\n      data-testid=\"toast-description\"\n      aria-label={`${children?.toString()}`}\n    >\n      {children}\n    </span>\n  )\n}\n","import { useCallback } from 'react'\nimport { Icon, type TIconProps } from '~/components/icon'\nimport { DISPLAY_NAME, useToastContext } from '../toast'\nimport type { ToastScopedProps } from '../toast.types'\n\ntype ToastIconProps = TIconProps & {\n  testID?: string\n}\n\nexport const ToastIcon = (props: ToastIconProps) => {\n  const { symbol, __scopeToast } = props as ToastScopedProps<ToastIconProps>\n\n  const { type } = useToastContext(DISPLAY_NAME, __scopeToast)\n\n  const mapper: Record<typeof type, TIconProps['color']> = {\n    success: 'colorTextSuccessAlternative',\n    informative: 'colorTextInformativeAlternative',\n    warning: 'colorTextWarningAlternative',\n    danger: 'colorTextDangerAlternative',\n    neutral: 'colorTextNeutralDefault',\n  }\n\n  const mapVariantColor = useCallback((): TIconProps['color'] => {\n    return mapper[type]\n  }, [type])\n\n  return (\n    <Icon\n      symbol={symbol}\n      size=\"small\"\n      color={mapVariantColor()}\n      data-testid=\"toast-icon\"\n    />\n  )\n}\n","import {\n  DROGASIL_TOKENS,\n  GLOBALS_TOKENS,\n  PRIME_TOKENS,\n  RAIA_TOKENS,\n  RDSAUDESISTEMAS_TOKENS,\n  SUBSCRIPTION_TOKENS,\n} from '@raiadrogasil/pulso-design-tokens'\n\nimport { useContext } from 'react'\n\nimport { ThemeContext } from '~/components/theme-provider/theme-provider'\n\nexport function useTheme() {\n  const { currentTheme } = useContext(ThemeContext)\n\n  const themes = {\n    rdsaudesistemas: RDSAUDESISTEMAS_TOKENS,\n    drogasil: DROGASIL_TOKENS,\n    raia: RAIA_TOKENS,\n    subscription: SUBSCRIPTION_TOKENS,\n    prime: PRIME_TOKENS,\n  }\n\n  return {\n    ...themes[currentTheme],\n    ...GLOBALS_TOKENS,\n  }\n}\n","import { createContext, useEffect } from 'react'\n\nimport type { Themes } from '@raiadrogasil/pulso-design-tokens'\n\ntype TThemeContextData = {\n  currentTheme: Themes\n}\n\ninterface IThemeProviderProps {\n  children: React.ReactNode\n  theme: Themes\n}\n\nexport const ThemeContext = createContext({} as TThemeContextData)\n\nexport function ThemeProvider({ children, theme }: IThemeProviderProps) {\n  useEffect(() => {\n    if (theme && document) {\n      document?.documentElement?.classList?.add(theme)\n    }\n\n    return () => {\n      document?.documentElement?.classList?.remove(theme)\n    }\n  }, [theme])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        currentTheme: theme,\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n","import type { TIconColors } from '../icon.types'\n\nimport { useTheme } from '~/hooks/use-theme'\n\nexport function getColorIcon(color: keyof TIconColors) {\n  const theme = useTheme()\n  const allTokens = Object.keys(theme)\n\n  const colorTokens = allTokens.reduce((acc, tokenKey) => {\n    if (tokenKey.includes('color')) {\n      const colorToken = tokenKey as keyof TIconColors\n      acc[colorToken] = theme[colorToken]\n    }\n\n    return acc\n  }, {} as TIconColors)\n\n  return colorTokens[color]\n}\n","export const getIconSize = {\n  tiny: 'var(--sizing-tiny)',\n  'extra-small': 'var(--sizing-extrasmall)',\n  small: 'var(--sizing-small)',\n  medium: 'var(--sizing-medium)',\n}\n","import type { TIconProps } from './icon.types'\n\nimport { getColorIcon } from './utils/get-icon-color'\nimport { getIconSize } from './utils/get-icon-size'\n\nexport function Icon({\n  symbol = 'rdicon-default',\n  size = 'small',\n  color = 'colorActionFillBrandPrimaryEnabled',\n  ...props\n}: TIconProps) {\n  const symbolName = symbol.replace('rdicon', '').trim()\n\n  return (\n    <i\n      {...props}\n      title={symbolName}\n      className={symbol}\n      style={{\n        fontSize: getIconSize[size],\n        color: getColorIcon(color),\n      }}\n    />\n  )\n}\n\nexport type { TIconProps }\n","import { tv } from '~/utils/tv'\n\nexport const ToastRootVariants = tv({\n  base: `\n    flex flex-row h-large min-w-[256px] max-w-[768px] items-center border-quarterpulse border-border-neutral rounded-pill\n    px-fourpulse gap-twopulse\n  `,\n  variants: {\n    type: {\n      neutral: 'bg-fill-neutral-alternative ',\n      informative: 'bg-fill-informative-alternative ',\n      success: 'bg-fill-success-alternative ',\n      warning: 'bg-fill-warning-alternative ',\n      danger: 'bg-fill-danger-alternative ',\n    },\n  },\n})\n"],"mappings":"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","names":["toast_exports","__export","Toast","__toCommonJS","import_react_context","import_react","import_tailwind_variants","tv","ToastDescriptionVariants","tv","import_jsx_runtime","ToastDescription","props","children","ToastDescriptionVariants","import_react","import_pulso_design_tokens","import_react","import_react","import_jsx_runtime","ThemeContext","useTheme","currentTheme","ThemeContext","__spreadValues","getColorIcon","color","theme","useTheme","acc","tokenKey","colorToken","getIconSize","import_jsx_runtime","Icon","_a","_b","symbol","size","color","props","__objRest","symbolName","__spreadProps","__spreadValues","getIconSize","getColorIcon","import_jsx_runtime","ToastIcon","props","symbol","__scopeToast","type","useToastContext","DISPLAY_NAME","mapper","mapVariantColor","Icon","ToastRootVariants","tv","import_jsx_runtime","DISPLAY_NAME","ToastRoot","props","ref","_a","type","children","__scopeToast","rest","__objRest","ToastProvider","__spreadProps","__spreadValues","ToastRootVariants","createToastContext","useToastContext","Toast","ToastIcon","ToastDescription"]}