jfs-components 0.0.71 → 0.0.72

package/lib/module/components/RadioButton/RadioButton.js

@@ -1,188 +1,23 @@
 "use strict";
 
-import React, { useState } from 'react';
-import { Pressable, View, Platform } from 'react-native';
-import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
-import { EMPTY_MODES } from '../../utils/react-utils';
-
-// ---------------------------------------------------------------------------
-// Props
-// ---------------------------------------------------------------------------
-import { jsx as _jsx } from "react/jsx-runtime";
-// ---------------------------------------------------------------------------
-// RadioButton
-// ---------------------------------------------------------------------------
-
-export function RadioButton({
-  selected = false,
-  disabled = false,
-  onPress,
-  modes = EMPTY_MODES,
-  style,
-  testID
-}) {
-  // ---- Refs & State ----
-  const [hovered, setHovered] = useState(false);
-  const [focused, setFocused] = useState(false);
-  const [pressed, setPressed] = useState(false);
-
-  // ---- Dimensions ----
-  const widthStr = getVariableByName('radio/width', modes) || '18';
-  const heightStr = getVariableByName('radio/height', modes) || '18';
-  const selectorSizeStr = getVariableByName('radio/selector/size', modes) || '10';
-  const width = parseFloat(widthStr?.toString() || '18');
-  const height = parseFloat(heightStr?.toString() || '18');
-  const selectorSize = parseFloat(selectorSizeStr?.toString() || '10');
-
-  // ---- State Logic ----
-  // Priority: Disabled -> Focused -> Hover/Pressed -> Idle
-  // Note: Design treats Active (Pressed) similar to Selected for some styles, 
-  // but usually in Radio Buttons, Pressed is a transient state.
-  // We will map:
-  // - Disabled -> 'disabled'
-  // - Focused -> 'focus'
-  // - Hovered -> 'hover'
-  // - Idle -> 'idle'
-
-  // We handle `selected` as a separate dimension derived from state.
-
-  let visualState = 'idle';
-  if (disabled) {
-    visualState = 'disabled';
-  } else if (focused) {
-    visualState = 'focus';
-  } else if (hovered || pressed) {
-    visualState = 'hover';
-  }
-
-  // Construct token paths based on state + selected
-  let prefix = `radio/${visualState}`;
-  if (visualState === 'idle' && selected) {
-    prefix = `radio/selected`;
-  } else if (selected) {
-    prefix = `radio/${visualState}Selected`;
-  }
-
-  // ---- Colors & Border ----
-
-  const resolveColor = (path, fallback) => {
-    return getVariableByName(path, modes) || fallback;
-  };
-
-  // Background Color
-  let bgColorVar = `${prefix}/background/color`;
-  // Fix for disabledSelected weirdness if needed
-  if (visualState === 'disabled' && selected) {
-    // Check specific path from dump: `radio/disabledSelected/background`
-    if (!getVariableByName(`${prefix}/background/color`, modes)) {
-      bgColorVar = `${prefix}/background`;
-    }
-  }
-
-  // Border Color
-  let borderColorVar = `${prefix}/border/color`;
-
-  // Border Width
-  let borderWidthVar = `${prefix}/border/size`;
-  // Fix for huge path: `radio/disabled/radio/disabled/border/size`
-  if (visualState === 'disabled' && !selected) {
-    if (getVariableByName('radio/disabled/radio/disabled/border/size', modes)) {
-      borderWidthVar = 'radio/disabled/radio/disabled/border/size';
-    }
-  }
-
-  // Selector Color
-  let selectorBgVar = `${prefix}/selector/background/color`;
-  if (!selected) {
-    selectorBgVar = 'transparent';
-  }
-
-  // Shadows (Glow)
-  let shadowSizeVar = `${prefix}/boxShadow/size`;
-  let shadowColorVar = `${prefix}/shadow/color`;
-
-  // Resolve Values
-  const backgroundColor = resolveColor(bgColorVar, 'transparent');
-  const borderColor = resolveColor(borderColorVar, 'transparent');
-  const borderWidth = parseFloat(getVariableByName(borderWidthVar, modes)?.toString() || '1');
-  const selectorColor = resolveColor(selectorBgVar, 'transparent');
-  const shadowSize = parseFloat(getVariableByName(shadowSizeVar, modes)?.toString() || '0');
-  const shadowColor = resolveColor(shadowColorVar, 'transparent');
-
-  // Styles
-  const containerStyle = {
-    width,
-    height,
-    borderRadius: width / 2,
-    // 9999px -> circle
-    borderWidth,
-    borderColor,
-    backgroundColor,
-    justifyContent: 'center',
-    alignItems: 'center',
-    // Web shadow (ring)
-    ...(Platform.OS === 'web' && shadowSize > 0 ? {
-      boxShadow: `0px 0px 0px ${shadowSize}px ${shadowColor}`
-    } : {})
-  };
-  const selectorStyle = {
-    width: selectorSize,
-    height: selectorSize,
-    borderRadius: selectorSize / 2,
-    backgroundColor: selectorColor
-  };
-
-  // Dummy block for token extraction (static analysis)
-  if (false) {
-    getVariableByName('radio/idle/background/color');
-    getVariableByName('radio/idle/border/color');
-    getVariableByName('radio/selector/size');
-    getVariableByName('radio/width');
-    getVariableByName('radio/height');
-    getVariableByName('radio/background/color');
-    getVariableByName('radio/hover/background/color');
-    getVariableByName('radio/hover/border/color');
-    getVariableByName('radio/hover/boxShadow/size');
-    getVariableByName('radio/hover/shadow/color');
-    getVariableByName('radio/selected/background/color');
-    getVariableByName('radio/selected/border/color');
-    getVariableByName('radio/selected/selector/background/color');
-    getVariableByName('radio/hoverSelected/background/color');
-    getVariableByName('radio/hoverSelected/border/color');
-    getVariableByName('radio/hoverSelected/boxShadow/size');
-    getVariableByName('radio/hoverSelected/shadow/color');
-    getVariableByName('radio/hoverSelected/selector/background/color');
-    getVariableByName('radio/focus/background/color');
-    getVariableByName('radio/focus/border/color');
-    getVariableByName('radio/focus/border/size');
-    getVariableByName('radio/focus/boxShadow/size');
-    getVariableByName('radio/focus/shadow/color');
-    getVariableByName('radio/focusSelected/background/color');
-    getVariableByName('radio/focusSelected/selector/background/color');
-    getVariableByName('radio/focusSelected/border/size');
-    getVariableByName('radio/disabled/radio/disabled/border/size');
-    getVariableByName('radio/disabled/background/color');
-    getVariableByName('radio/disabled/border/color');
-    getVariableByName('radio/disabledSelected/selector/background/color');
-    getVariableByName('radio/disabledSelected/background');
-    getVariableByName('radio/disabledSelected/border/color');
-  }
-  return /*#__PURE__*/_jsx(Pressable, {
-    testID: testID,
-    disabled: disabled,
-    onPress: onPress,
-    onHoverIn: () => setHovered(true),
-    onHoverOut: () => setHovered(false),
-    onFocus: () => setFocused(true),
-    onBlur: () => setFocused(false),
-    onPressIn: () => setPressed(true),
-    onPressOut: () => setPressed(false),
-    style: ({
-      pressed: isPressed
-    }) => [containerStyle, style],
-    children: /*#__PURE__*/_jsx(View, {
-      style: selectorStyle
-    })
-  });
-}
+/**
+ * @deprecated `RadioButton` has been renamed to `Radio`.
+ *
+ * This file is kept as a backward-compatibility shim for teams that may be
+ * importing `RadioButton` directly from this deep path:
+ *
+ *   import RadioButton from 'jfs-components/src/components/RadioButton/RadioButton'
+ *   import { RadioButton, RadioButtonProps } from '...'
+ *
+ * The recommended public import is now:
+ *
+ *   import { Radio, type RadioProps } from 'jfs-components'
+ *
+ * Going forward, this component is called `Radio`. This shim only re-exports
+ * the new `Radio` component under the old `RadioButton` names; please migrate
+ * existing usages to `Radio` at your earliest convenience.
+ */
+
+import { Radio } from '../Radio/Radio';
+export const RadioButton = Radio;
 export default RadioButton;

package/lib/module/components/index.js

@@ -13,6 +13,7 @@ export { default as CardAdvisory } from './CardAdvisory/CardAdvisory';
 export { default as Carousel } from './Carousel/Carousel';
 export { default as Checkbox } from './Checkbox/Checkbox';
 export { default as CardFeedback } from './CardFeedback/CardFeedback';
+export { default as CardFinancialCondition } from './CardFinancialCondition/CardFinancialCondition';
 export { default as Disclaimer } from './Disclaimer/Disclaimer';
 export { default as Divider } from './Divider/Divider';
 export { default as Drawer } from './Drawer/Drawer';
@@ -66,8 +67,14 @@ export { default as ButtonGroup } from './ButtonGroup/ButtonGroup';
 export { default as CardProviderInfo } from './CardProviderInfo/CardProviderInfo';
 export { default as ChipSelect } from './ChipSelect/ChipSelect';
 export { default as InputSearch } from './InputSearch/InputSearch';
+export { default as InstitutionBadge } from './InstitutionBadge/InstitutionBadge';
 export { default as SupportText } from './SupportText/SupportText';
 export { default as SupportTextIcon } from './SupportText/SupportTextIcon';
+export { default as Radio } from './Radio/Radio';
+/**
+ * @deprecated Use `Radio` instead. `RadioButton` is kept as an alias for
+ * backward compatibility and will be removed in a future major release.
+ */
 export { default as RadioButton } from './RadioButton/RadioButton';
 export { default as RechargeCard } from './RechargeCard/RechargeCard';
 export { default as Tabs } from './Tabs/Tabs';