@oxyhq/services 5.16.23 → 5.16.25

package/lib/module/ui/components/TextField/Adornment/TextFieldIcon.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { getIconColor } from './utils';
+import { useInternalTheme } from '../../theming';
+import IconButton from '../../IconButton/IconButton';
+import { ICON_SIZE } from '../constants';
+import { getConstants } from '../helpers';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyleContext = /*#__PURE__*/React.createContext({
+  style: {},
+  isTextInputFocused: false,
+  forceFocus: () => {},
+  testID: ''
+});
+const IconAdornment = ({
+  icon,
+  topPosition,
+  side,
+  isTextInputFocused,
+  forceFocus,
+  testID,
+  theme: themeOverrides,
+  disabled
+}) => {
+  const {
+    isV3
+  } = useInternalTheme(themeOverrides);
+  const {
+    ICON_OFFSET
+  } = getConstants(isV3);
+  const style = {
+    top: topPosition,
+    [side]: ICON_OFFSET
+  };
+  const contextState = {
+    style,
+    isTextInputFocused,
+    forceFocus,
+    testID,
+    disabled
+  };
+  return /*#__PURE__*/_jsx(StyleContext.Provider, {
+    value: contextState,
+    children: icon
+  });
+};
+
+/**
+ * A component to render a leading / trailing icon in the TextInput
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { TextInput } from 'react-native-paper';
+ *
+ * const MyComponent = () => {
+ *   const [text, setText] = React.useState('');
+ *
+ *   return (
+ *     <TextInput
+ *       label="Password"
+ *       secureTextEntry
+ *       right={<TextInput.Icon icon="eye" />}
+ *     />
+ *   );
+ * };
+ *
+ * export default MyComponent;
+ * ```
+ */
+
+const TextFieldIcon = ({
+  icon,
+  onPress,
+  forceTextInputFocus = true,
+  color: customColor,
+  theme: themeOverrides,
+  rippleColor,
+  ...rest
+}) => {
+  const {
+    style,
+    isTextInputFocused,
+    forceFocus,
+    testID,
+    disabled
+  } = React.useContext(StyleContext);
+  const onPressWithFocusControl = React.useCallback(e => {
+    if (forceTextInputFocus && !isTextInputFocused) {
+      forceFocus();
+    }
+    onPress?.(e);
+  }, [forceTextInputFocus, forceFocus, isTextInputFocused, onPress]);
+  const theme = useInternalTheme(themeOverrides);
+  const iconColor = getIconColor({
+    theme,
+    disabled,
+    isTextInputFocused,
+    customColor
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsx(IconButton, {
+      icon: icon,
+      style: styles.iconButton,
+      size: ICON_SIZE,
+      onPress: onPressWithFocusControl,
+      iconColor: iconColor,
+      testID: testID,
+      theme: themeOverrides,
+      rippleColor: rippleColor,
+      ...rest
+    })
+  });
+};
+TextFieldIcon.displayName = 'TextField.Icon';
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconButton: {
+    margin: 0
+  }
+});
+export default TextFieldIcon;
+
+// @component-docs ignore-next-line
+export { IconAdornment };
+//# sourceMappingURL=TextFieldIcon.js.map

package/lib/module/ui/components/TextField/Adornment/TextFieldIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","getIconColor","useInternalTheme","IconButton","ICON_SIZE","getConstants","jsx","_jsx","StyleContext","createContext","style","isTextInputFocused","forceFocus","testID","IconAdornment","icon","topPosition","side","theme","themeOverrides","disabled","isV3","ICON_OFFSET","top","contextState","Provider","value","children","TextFieldIcon","onPress","forceTextInputFocus","color","customColor","rippleColor","rest","useContext","onPressWithFocusControl","useCallback","e","iconColor","styles","container","iconButton","size","displayName","create","position","width","height","justifyContent","alignItems","margin"],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Adornment/TextFieldIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAIEC,UAAU,EACVC,IAAI,QAEC,cAAc;AAErB,SAASC,YAAY,QAAQ,SAAS;AACtC,SAASC,gBAAgB,QAAQ,eAAe;AAGhD,OAAOC,UAAU,MAAM,6BAA6B;AACpD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,YAAY,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA0C1C,MAAMC,YAAY,gBAAGV,KAAK,CAACW,aAAa,CAAmB;EACzDC,KAAK,EAAE,CAAC,CAAC;EACTC,kBAAkB,EAAE,KAAK;EACzBC,UAAU,EAAEA,CAAA,KAAM,CAAE,CAAC;EACrBC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,MAAMC,aASL,GAAGA,CAAC;EACHC,IAAI;EACJC,WAAW;EACXC,IAAI;EACJN,kBAAkB;EAClBC,UAAU;EACVC,MAAM;EACNK,KAAK,EAAEC,cAAc;EACrBC;AACF,CAAC,KAAK;EACF,MAAM;IAAEC;EAAK,CAAC,GAAGnB,gBAAgB,CAACiB,cAAc,CAAC;EACjD,MAAM;IAAEG;EAAY,CAAC,GAAGjB,YAAY,CAACgB,IAAI,CAAC;EAE1C,MAAMX,KAAK,GAAG;IACZa,GAAG,EAAEP,WAAW;IAChB,CAACC,IAAI,GAAGK;EACV,CAAC;EACD,MAAME,YAAY,GAAG;IACnBd,KAAK;IACLC,kBAAkB;IAClBC,UAAU;IACVC,MAAM;IACNO;EACF,CAAC;EAED,oBACEb,IAAA,CAACC,YAAY,CAACiB,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAG,QAAA,EAAEZ;EAAI,CAAwB,CAAC;AAE9E,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMa,aAAa,GAAGA,CAAC;EACrBb,IAAI;EACJc,OAAO;EACPC,mBAAmB,GAAG,IAAI;EAC1BC,KAAK,EAAEC,WAAW;EAClBd,KAAK,EAAEC,cAAc;EACrBc,WAAW;EACX,GAAGC;AACE,CAAC,KAAK;EACX,MAAM;IAAExB,KAAK;IAAEC,kBAAkB;IAAEC,UAAU;IAAEC,MAAM;IAAEO;EAAS,CAAC,GAC/DtB,KAAK,CAACqC,UAAU,CAAC3B,YAAY,CAAC;EAEhC,MAAM4B,uBAAuB,GAAGtC,KAAK,CAACuC,WAAW,CAC9CC,CAAwB,IAAK;IAC5B,IAAIR,mBAAmB,IAAI,CAACnB,kBAAkB,EAAE;MAC9CC,UAAU,CAAC,CAAC;IACd;IAEAiB,OAAO,GAAGS,CAAC,CAAC;EACd,CAAC,EACD,CAACR,mBAAmB,EAAElB,UAAU,EAAED,kBAAkB,EAAEkB,OAAO,CAC/D,CAAC;EAED,MAAMX,KAAK,GAAGhB,gBAAgB,CAACiB,cAAc,CAAC;EAE9C,MAAMoB,SAAS,GAAGtC,YAAY,CAAC;IAC7BiB,KAAK;IACLE,QAAQ;IACRT,kBAAkB;IAClBqB;EACF,CAAC,CAAC;EAEF,oBACEzB,IAAA,CAACP,IAAI;IAACU,KAAK,EAAE,CAAC8B,MAAM,CAACC,SAAS,EAAE/B,KAAK,CAAE;IAAAiB,QAAA,eACrCpB,IAAA,CAACJ,UAAU;MACTY,IAAI,EAAEA,IAAK;MACXL,KAAK,EAAE8B,MAAM,CAACE,UAAW;MACzBC,IAAI,EAAEvC,SAAU;MAChByB,OAAO,EAAEO,uBAAwB;MACjCG,SAAS,EAAEA,SAAU;MACrB1B,MAAM,EAAEA,MAAO;MACfK,KAAK,EAAEC,cAAe;MACtBc,WAAW,EAAEA,WAAY;MAAA,GACrBC;IAAI,CACT;EAAC,CACE,CAAC;AAEX,CAAC;AACDN,aAAa,CAACgB,WAAW,GAAG,gBAAgB;AAE5C,MAAMJ,MAAM,GAAGzC,UAAU,CAAC8C,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE3C,SAAS;IAChB4C,MAAM,EAAE5C,SAAS;IACjB6C,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDR,UAAU,EAAE;IACVS,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAevB,aAAa;;AAE5B;AACA,SAASd,aAAa","ignoreList":[]}

package/lib/module/ui/components/TextField/Adornment/enums.js

@@ -0,0 +1,18 @@
+"use strict";
+
+export let AdornmentType = /*#__PURE__*/function (AdornmentType) {
+  AdornmentType["Icon"] = "icon";
+  AdornmentType["Affix"] = "affix";
+  return AdornmentType;
+}({});
+export let AdornmentSide = /*#__PURE__*/function (AdornmentSide) {
+  AdornmentSide["Right"] = "right";
+  AdornmentSide["Left"] = "left";
+  return AdornmentSide;
+}({});
+export let InputMode = /*#__PURE__*/function (InputMode) {
+  InputMode["Outlined"] = "outlined";
+  InputMode["Flat"] = "flat";
+  return InputMode;
+}({});
+//# sourceMappingURL=enums.js.map

package/lib/module/ui/components/TextField/Adornment/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AdornmentType","AdornmentSide","InputMode"],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Adornment/enums.tsx"],"mappings":";;AAAA,WAAYA,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAIzB,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAIzB,WAAYC,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA","ignoreList":[]}

package/lib/module/ui/components/TextField/Adornment/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/ui/components/TextField/Adornment/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Adornment/types.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/ui/components/TextField/Adornment/utils.js

@@ -0,0 +1,57 @@
+"use strict";
+
+// Simple hex to rgba conversion
+const hexToRgba = (hex, alpha) => {
+  // Handle rgba strings
+  if (hex.startsWith('rgba')) {
+    return hex;
+  }
+  // Handle rgb strings
+  if (hex.startsWith('rgb')) {
+    const match = hex.match(/\d+/g);
+    if (match && match.length >= 3) {
+      return `rgba(${match[0]}, ${match[1]}, ${match[2]}, ${alpha})`;
+    }
+  }
+  // Handle hex strings
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+export function getTextColor({
+  theme,
+  disabled
+}) {
+  if (theme.isV3) {
+    if (disabled) {
+      return theme.colors.onSurfaceDisabled;
+    }
+    return theme.colors.onSurfaceVariant;
+  }
+  // For non-V3 themes, apply opacity to text color
+  const textColor = theme?.colors?.onSurface || theme?.colors?.text || '#000000';
+  const opacity = theme.dark ? 0.7 : 0.54;
+  return hexToRgba(textColor, opacity);
+}
+export function getIconColor({
+  theme,
+  isTextInputFocused,
+  disabled,
+  customColor
+}) {
+  if (typeof customColor === 'function') {
+    return customColor(isTextInputFocused);
+  }
+  if (customColor) {
+    return customColor;
+  }
+  if (!theme.isV3) {
+    return theme.colors.text || theme.colors.onSurface;
+  }
+  if (disabled) {
+    return theme.colors.onSurfaceDisabled;
+  }
+  return theme.colors.onSurfaceVariant;
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/ui/components/TextField/Adornment/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hexToRgba","hex","alpha","startsWith","match","length","r","parseInt","slice","g","b","getTextColor","theme","disabled","isV3","colors","onSurfaceDisabled","onSurfaceVariant","textColor","onSurface","text","opacity","dark","getIconColor","isTextInputFocused","customColor"],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Adornment/utils.ts"],"mappings":";;AAOA;AACA,MAAMA,SAAS,GAAGA,CAACC,GAAW,EAAEC,KAAa,KAAa;EACxD;EACA,IAAID,GAAG,CAACE,UAAU,CAAC,MAAM,CAAC,EAAE;IAC1B,OAAOF,GAAG;EACZ;EACA;EACA,IAAIA,GAAG,CAACE,UAAU,CAAC,KAAK,CAAC,EAAE;IACzB,MAAMC,KAAK,GAAGH,GAAG,CAACG,KAAK,CAAC,MAAM,CAAC;IAC/B,IAAIA,KAAK,IAAIA,KAAK,CAACC,MAAM,IAAI,CAAC,EAAE;MAC9B,OAAO,QAAQD,KAAK,CAAC,CAAC,CAAC,KAAKA,KAAK,CAAC,CAAC,CAAC,KAAKA,KAAK,CAAC,CAAC,CAAC,KAAKF,KAAK,GAAG;IAChE;EACF;EACA;EACA,MAAMI,CAAC,GAAGC,QAAQ,CAACN,GAAG,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACvC,MAAMC,CAAC,GAAGF,QAAQ,CAACN,GAAG,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACvC,MAAME,CAAC,GAAGH,QAAQ,CAACN,GAAG,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACvC,OAAO,QAAQF,CAAC,KAAKG,CAAC,KAAKC,CAAC,KAAKR,KAAK,GAAG;AAC3C,CAAC;AAED,OAAO,SAASS,YAAYA,CAAC;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC3D,IAAID,KAAK,CAACE,IAAI,EAAE;IACd,IAAID,QAAQ,EAAE;MACZ,OAAOD,KAAK,CAACG,MAAM,CAACC,iBAAiB;IACvC;IACA,OAAOJ,KAAK,CAACG,MAAM,CAACE,gBAAgB;EACtC;EACA;EACA,MAAMC,SAAS,GAAGN,KAAK,EAAEG,MAAM,EAAEI,SAAS,IAAIP,KAAK,EAAEG,MAAM,EAAEK,IAAI,IAAI,SAAS;EAC9E,MAAMC,OAAO,GAAGT,KAAK,CAACU,IAAI,GAAG,GAAG,GAAG,IAAI;EACvC,OAAOtB,SAAS,CAACkB,SAAS,EAAEG,OAAO,CAAC;AACtC;AAEA,OAAO,SAASE,YAAYA,CAAC;EAC3BX,KAAK;EACLY,kBAAkB;EAClBX,QAAQ;EACRY;AAIF,CAAC,EAAE;EACD,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;IACrC,OAAOA,WAAW,CAACD,kBAAkB,CAAC;EACxC;EACA,IAAIC,WAAW,EAAE;IACf,OAAOA,WAAW;EACpB;EAEA,IAAI,CAACb,KAAK,CAACE,IAAI,EAAE;IACf,OAAOF,KAAK,CAACG,MAAM,CAACK,IAAI,IAAIR,KAAK,CAACG,MAAM,CAACI,SAAS;EACpD;EAEA,IAAIN,QAAQ,EAAE;IACZ,OAAOD,KAAK,CAACG,MAAM,CAACC,iBAAiB;EACvC;EAEA,OAAOJ,KAAK,CAACG,MAAM,CAACE,gBAAgB;AACtC","ignoreList":[]}

package/lib/module/ui/components/TextField/Label/InputLabel.js

@@ -0,0 +1,171 @@
+"use strict";
+
+import React from 'react';
+import { Animated, Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
+import AnimatedText from '../../Typography/AnimatedText';
+import { getConstants } from '../helpers';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const InputLabel = props => {
+  const {
+    labeled,
+    wiggle,
+    error,
+    focused,
+    opacity,
+    labelLayoutWidth,
+    labelLayoutHeight,
+    labelBackground,
+    label,
+    labelError,
+    onLayoutAnimatedText,
+    onLabelTextLayout,
+    hasActiveOutline,
+    activeColor,
+    placeholderStyle,
+    baseLabelTranslateX,
+    baseLabelTranslateY,
+    font,
+    fontSize,
+    lineHeight,
+    fontWeight,
+    placeholderOpacity,
+    wiggleOffsetX,
+    labelScale,
+    topPosition,
+    paddingLeft,
+    paddingRight,
+    backgroundColor,
+    roundness,
+    placeholderColor,
+    errorColor,
+    labelTranslationXOffset,
+    maxFontSizeMultiplier,
+    testID,
+    isV3,
+    inputContainerLayout,
+    scaledLabel
+  } = props;
+  const {
+    INPUT_PADDING_HORIZONTAL
+  } = getConstants(isV3);
+  const {
+    width
+  } = useWindowDimensions();
+  const isWeb = Platform.OS === 'web';
+  const paddingOffset = paddingLeft && paddingRight ? {
+    paddingLeft,
+    paddingRight
+  } : {};
+  const labelTranslationX = {
+    transform: [{
+      // Offset label scale since RN doesn't support transform origin
+      translateX: labeled.interpolate({
+        inputRange: [0, 1],
+        outputRange: [baseLabelTranslateX, labelTranslationXOffset || 0]
+      })
+    }]
+  };
+  const labelStyle = {
+    ...font,
+    fontSize,
+    lineHeight,
+    fontWeight,
+    opacity: labeled.interpolate({
+      inputRange: [0, 1],
+      outputRange: [hasActiveOutline ? 1 : 0, 0]
+    }),
+    transform: [{
+      // Wiggle the label when there's an error
+      translateX: wiggle ? error.interpolate({
+        inputRange: [0, 0.5, 1],
+        outputRange: [0, wiggleOffsetX, 0]
+      }) : 0
+    }, {
+      // Move label to top
+      translateY: baseLabelTranslateY !== 0 ? labeled.interpolate({
+        inputRange: [0, 1],
+        outputRange: [baseLabelTranslateY, 0]
+      }) : 0
+    }, {
+      // Make label smaller
+      scale: labelScale !== 0 ? labeled.interpolate({
+        inputRange: [0, 1],
+        outputRange: [labelScale, 1]
+      }) : labeled
+    }]
+  };
+  const labelWidth = (inputContainerLayout.width + INPUT_PADDING_HORIZONTAL / 2) / (scaledLabel ? labelScale : 1);
+  const commonStyles = [placeholderStyle, {
+    top: topPosition
+  }, {
+    maxWidth: labelWidth
+  }, labelStyle, paddingOffset || {}];
+  const textColor = labelError && errorColor ? errorColor : placeholderColor;
+  return (
+    /*#__PURE__*/
+    // Position colored placeholder and gray placeholder on top of each other and crossfade them
+    // This gives the effect of animating the color, but allows us to use native driver
+    _jsx(View, {
+      pointerEvents: "none",
+      style: [StyleSheet.absoluteFill, styles.overflow, styles.labelContainer],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "none",
+        style: [StyleSheet.absoluteFill, !isWeb && {
+          width
+        }, {
+          opacity
+        }, labelTranslationX],
+        children: /*#__PURE__*/_jsxs(View, {
+          style: {
+            width: labelWidth
+          },
+          children: [labelBackground?.({
+            labeled,
+            labelLayoutWidth,
+            labelLayoutHeight,
+            labelStyle,
+            placeholderStyle,
+            baseLabelTranslateX,
+            topPosition,
+            label,
+            backgroundColor,
+            roundness,
+            maxFontSizeMultiplier: maxFontSizeMultiplier,
+            testID
+          }), /*#__PURE__*/_jsx(AnimatedText, {
+            variant: "bodySmall",
+            onLayout: onLayoutAnimatedText,
+            onTextLayout: onLabelTextLayout,
+            style: [commonStyles, {
+              color: activeColor
+            }],
+            numberOfLines: 1,
+            maxFontSizeMultiplier: maxFontSizeMultiplier,
+            testID: `${testID}-label-active`,
+            children: label
+          }), /*#__PURE__*/_jsx(AnimatedText, {
+            variant: focused ? 'bodyLarge' : 'bodySmall',
+            style: [commonStyles, {
+              color: textColor,
+              opacity: placeholderOpacity
+            }],
+            numberOfLines: 1,
+            maxFontSizeMultiplier: maxFontSizeMultiplier,
+            testID: `${testID}-label-inactive`,
+            children: label
+          })]
+        })
+      })
+    })
+  );
+};
+const styles = StyleSheet.create({
+  overflow: {
+    overflow: 'hidden'
+  },
+  labelContainer: {
+    zIndex: 3
+  }
+});
+export default /*#__PURE__*/React.memo(InputLabel);
+//# sourceMappingURL=InputLabel.js.map

package/lib/module/ui/components/TextField/Label/InputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Platform","StyleSheet","useWindowDimensions","View","AnimatedText","getConstants","jsx","_jsx","jsxs","_jsxs","InputLabel","props","labeled","wiggle","error","focused","opacity","labelLayoutWidth","labelLayoutHeight","labelBackground","label","labelError","onLayoutAnimatedText","onLabelTextLayout","hasActiveOutline","activeColor","placeholderStyle","baseLabelTranslateX","baseLabelTranslateY","font","fontSize","lineHeight","fontWeight","placeholderOpacity","wiggleOffsetX","labelScale","topPosition","paddingLeft","paddingRight","backgroundColor","roundness","placeholderColor","errorColor","labelTranslationXOffset","maxFontSizeMultiplier","testID","isV3","inputContainerLayout","scaledLabel","INPUT_PADDING_HORIZONTAL","width","isWeb","OS","paddingOffset","labelTranslationX","transform","translateX","interpolate","inputRange","outputRange","labelStyle","translateY","scale","labelWidth","commonStyles","top","maxWidth","textColor","pointerEvents","style","absoluteFill","styles","overflow","labelContainer","children","variant","onLayout","onTextLayout","color","numberOfLines","create","zIndex","memo"],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Label/InputLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,QAAQ,EAERC,QAAQ,EACRC,UAAU,EACVC,mBAAmB,EACnBC,IAAI,QACC,cAAc;AAErB,OAAOC,YAAY,MAAM,+BAA+B;AACxD,SAASC,YAAY,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC7C,MAAM;IACJC,OAAO;IACPC,MAAM;IACNC,KAAK;IACLC,OAAO;IACPC,OAAO;IACPC,gBAAgB;IAChBC,iBAAiB;IACjBC,eAAe;IACfC,KAAK;IACLC,UAAU;IACVC,oBAAoB;IACpBC,iBAAiB;IACjBC,gBAAgB;IAChBC,WAAW;IACXC,gBAAgB;IAChBC,mBAAmB;IACnBC,mBAAmB;IACnBC,IAAI;IACJC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC,kBAAkB;IAClBC,aAAa;IACbC,UAAU;IACVC,WAAW;IACXC,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,SAAS;IACTC,gBAAgB;IAChBC,UAAU;IACVC,uBAAuB;IACvBC,qBAAqB;IACrBC,MAAM;IACNC,IAAI;IACJC,oBAAoB;IACpBC;EACF,CAAC,GAAGrC,KAAK;EAET,MAAM;IAAEsC;EAAyB,CAAC,GAAG5C,YAAY,CAACyC,IAAI,CAAC;EACvD,MAAM;IAAEI;EAAM,CAAC,GAAGhD,mBAAmB,CAAC,CAAC;EAEvC,MAAMiD,KAAK,GAAGnD,QAAQ,CAACoD,EAAE,KAAK,KAAK;EAEnC,MAAMC,aAAa,GACjBhB,WAAW,IAAIC,YAAY,GAAG;IAAED,WAAW;IAAEC;EAAa,CAAC,GAAG,CAAC,CAAC;EAElE,MAAMgB,iBAAiB,GAAG;IACxBC,SAAS,EAAE,CACT;MACE;MACAC,UAAU,EAAE5C,OAAO,CAAC6C,WAAW,CAAC;QAC9BC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClBC,WAAW,EAAE,CAAChC,mBAAmB,EAAEgB,uBAAuB,IAAI,CAAC;MACjE,CAAC;IACH,CAAC;EAEL,CAAC;EAED,MAAMiB,UAAU,GAAG;IACjB,GAAG/B,IAAI;IACPC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVhB,OAAO,EAAEJ,OAAO,CAAC6C,WAAW,CAAC;MAC3BC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAACnC,gBAAgB,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;IAC3C,CAAC,CAAC;IACF+B,SAAS,EAAE,CACT;MACE;MACAC,UAAU,EAAE3C,MAAM,GACdC,KAAK,CAAC2C,WAAW,CAAC;QAClBC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACvBC,WAAW,EAAE,CAAC,CAAC,EAAEzB,aAAa,EAAE,CAAC;MACnC,CAAC,CAAC,GACA;IACN,CAAC,EACD;MACE;MACA2B,UAAU,EACRjC,mBAAmB,KAAK,CAAC,GACrBhB,OAAO,CAAC6C,WAAW,CAAC;QACpBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClBC,WAAW,EAAE,CAAC/B,mBAAmB,EAAE,CAAC;MACtC,CAAC,CAAC,GACA;IACR,CAAC,EACD;MACE;MACAkC,KAAK,EACH3B,UAAU,KAAK,CAAC,GACZvB,OAAO,CAAC6C,WAAW,CAAC;QACpBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAClBC,WAAW,EAAE,CAACxB,UAAU,EAAE,CAAC;MAC7B,CAAC,CAAC,GACAvB;IACR,CAAC;EAEL,CAAC;EAED,MAAMmD,UAAU,GACd,CAAChB,oBAAoB,CAACG,KAAK,GAAGD,wBAAwB,GAAG,CAAC,KACzDD,WAAW,GAAGb,UAAU,GAAG,CAAC,CAAC;EAEhC,MAAM6B,YAAY,GAAG,CACnBtC,gBAAgB,EAChB;IACEuC,GAAG,EAAE7B;EACP,CAAC,EACD;IACE8B,QAAQ,EAAEH;EACZ,CAAC,EACDH,UAAU,EACVP,aAAa,IAAI,CAAC,CAAC,CACpB;EAED,MAAMc,SAAS,GACb9C,UAAU,IAAIqB,UAAU,GAAGA,UAAU,GAAGD,gBAC3B;EAEf;IAAA;IACE;IACA;IACAlC,IAAA,CAACJ,IAAI;MACHiE,aAAa,EAAC,MAAM;MACpBC,KAAK,EAAE,CAACpE,UAAU,CAACqE,YAAY,EAAEC,MAAM,CAACC,QAAQ,EAAED,MAAM,CAACE,cAAc,CAAE;MAAAC,QAAA,eAEzEnE,IAAA,CAACR,QAAQ,CAACI,IAAI;QACZiE,aAAa,EAAC,MAAM;QACpBC,KAAK,EAAE,CACLpE,UAAU,CAACqE,YAAY,EACvB,CAACnB,KAAK,IAAI;UAAED;QAAM,CAAC,EACnB;UAAElC;QAAQ,CAAC,EACXsC,iBAAiB,CACjB;QAAAoB,QAAA,eAEFjE,KAAA,CAACN,IAAI;UACHkE,KAAK,EAAE;YACLnB,KAAK,EAAEa;UACT,CAAE;UAAAW,QAAA,GAEDvD,eAAe,GAAG;YACjBP,OAAO;YACPK,gBAAgB;YAChBC,iBAAiB;YACjB0C,UAAU;YACVlC,gBAAgB;YAChBC,mBAAmB;YACnBS,WAAW;YACXhB,KAAK;YACLmB,eAAe;YACfC,SAAS;YACTI,qBAAqB,EAAEA,qBAAqB;YAC5CC;UACF,CAAC,CAAC,eACFtC,IAAA,CAACH,YAAY;YACXuE,OAAO,EAAC,WAAW;YACnBC,QAAQ,EAAEtD,oBAAqB;YAC/BuD,YAAY,EAAEtD,iBAAkB;YAChC8C,KAAK,EAAE,CACLL,YAAY,EACZ;cACEc,KAAK,EAAErD;YACT,CAAC,CACD;YACFsD,aAAa,EAAE,CAAE;YACjBnC,qBAAqB,EAAEA,qBAAsB;YAC7CC,MAAM,EAAE,GAAGA,MAAM,eAAgB;YAAA6B,QAAA,EAEhCtD;UAAK,CACM,CAAC,eACfb,IAAA,CAACH,YAAY;YACXuE,OAAO,EAAE5D,OAAO,GAAG,WAAW,GAAG,WAAY;YAC7CsD,KAAK,EAAE,CACLL,YAAY,EACZ;cACEc,KAAK,EAAEX,SAAS;cAChBnD,OAAO,EAAEiB;YACX,CAAC,CACD;YACF8C,aAAa,EAAE,CAAE;YACjBnC,qBAAqB,EAAEA,qBAAsB;YAC7CC,MAAM,EAAE,GAAGA,MAAM,iBAAkB;YAAA6B,QAAA,EAElCtD;UAAK,CACM,CAAC;QAAA,CACX;MAAC,CACM;IAAC,CACZ;EAAC;AAEX,CAAC;AAED,MAAMmD,MAAM,GAAGtE,UAAU,CAAC+E,MAAM,CAAC;EAC/BR,QAAQ,EAAE;IACRA,QAAQ,EAAE;EACZ,CAAC;EACDC,cAAc,EAAE;IACdQ,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,4BAAenF,KAAK,CAACoF,IAAI,CAACxE,UAAU,CAAC","ignoreList":[]}

package/lib/module/ui/components/TextField/Label/LabelBackground.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import AnimatedText from '../../Typography/AnimatedText';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LabelBackground = ({
+  labeled,
+  labelLayoutWidth,
+  labelLayoutHeight,
+  placeholderStyle,
+  baseLabelTranslateX,
+  topPosition,
+  backgroundColor,
+  roundness,
+  labelStyle,
+  maxFontSizeMultiplier,
+  testID
+}) => {
+  const opacity = labeled.interpolate({
+    inputRange: [0, 0.6],
+    outputRange: [1, 0]
+  });
+  const labelTranslationX = {
+    translateX: labeled.interpolate({
+      inputRange: [0, 1],
+      outputRange: [-baseLabelTranslateX, 0]
+    })
+  };
+  const labelTextScaleY = {
+    scaleY: labeled.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0.2, 1]
+    })
+  };
+  const labelTextTransform = [...labelStyle.transform, labelTextScaleY];
+  const isRounded = roundness > 6;
+  const roundedEdgeCover = isRounded ? /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    style: [StyleSheet.absoluteFill, styles.view, {
+      backgroundColor,
+      maxHeight: Math.max(roundness / 3, 2),
+      bottom: Math.max(roundness, 2),
+      transform: [labelTranslationX],
+      opacity
+    }]
+  }, "labelBackground-view") : null;
+  return [roundedEdgeCover, /*#__PURE__*/_jsx(AnimatedText, {
+    testID: `${testID}-label-background`,
+    style: [placeholderStyle, labelStyle, styles.outlinedLabel, {
+      top: topPosition + 1,
+      width: labelLayoutWidth - placeholderStyle.paddingHorizontal,
+      height: labelLayoutHeight,
+      backgroundColor,
+      opacity,
+      transform: labelTextTransform
+    }],
+    numberOfLines: 1,
+    maxFontSizeMultiplier: maxFontSizeMultiplier
+  }, "labelBackground-text")];
+};
+export default LabelBackground;
+const styles = StyleSheet.create({
+  view: {
+    position: 'absolute',
+    top: 6,
+    left: 10,
+    width: 12
+  },
+  // eslint-disable-next-line react-native/no-color-literals
+  outlinedLabel: {
+    position: 'absolute',
+    left: 8,
+    paddingHorizontal: 0,
+    color: 'transparent'
+  }
+});
+//# sourceMappingURL=LabelBackground.js.map

package/lib/module/ui/components/TextField/Label/LabelBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StyleSheet","AnimatedText","jsx","_jsx","LabelBackground","labeled","labelLayoutWidth","labelLayoutHeight","placeholderStyle","baseLabelTranslateX","topPosition","backgroundColor","roundness","labelStyle","maxFontSizeMultiplier","testID","opacity","interpolate","inputRange","outputRange","labelTranslationX","translateX","labelTextScaleY","scaleY","labelTextTransform","transform","isRounded","roundedEdgeCover","View","pointerEvents","style","absoluteFill","styles","view","maxHeight","Math","max","bottom","outlinedLabel","top","width","paddingHorizontal","height","numberOfLines","create","position","left","color"],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Label/LabelBackground.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,OAAOC,YAAY,MAAM,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,eAAe,GAAGA,CAAC;EACvBC,OAAO;EACPC,gBAAgB;EAChBC,iBAAiB;EACjBC,gBAAgB;EAChBC,mBAAmB;EACnBC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,UAAU;EACVC,qBAAqB;EACrBC;AACoB,CAAC,KAAK;EAC1B,MAAMC,OAAO,GAAGX,OAAO,CAACY,WAAW,CAAC;IAClCC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;IACpBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;EACpB,CAAC,CAAC;EAEF,MAAMC,iBAAiB,GAAG;IACxBC,UAAU,EAAEhB,OAAO,CAACY,WAAW,CAAC;MAC9BC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,CAACV,mBAAmB,EAAE,CAAC;IACvC,CAAC;EACH,CAAC;EAED,MAAMa,eAAe,GAAG;IACtBC,MAAM,EAAElB,OAAO,CAACY,WAAW,CAAC;MAC1BC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC;IACtB,CAAC;EACH,CAAC;EAED,MAAMK,kBAAkB,GAAG,CAAC,GAAGX,UAAU,CAACY,SAAS,EAAEH,eAAe,CAAC;EAErE,MAAMI,SAAS,GAAGd,SAAS,GAAG,CAAC;EAC/B,MAAMe,gBAAgB,GAAGD,SAAS,gBAChCvB,IAAA,CAACJ,QAAQ,CAAC6B,IAAI;IAEZC,aAAa,EAAC,MAAM;IACpBC,KAAK,EAAE,CACL9B,UAAU,CAAC+B,YAAY,EACvBC,MAAM,CAACC,IAAI,EACX;MACEtB,eAAe;MACfuB,SAAS,EAAEC,IAAI,CAACC,GAAG,CAACxB,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC;MACrCyB,MAAM,EAAEF,IAAI,CAACC,GAAG,CAACxB,SAAS,EAAE,CAAC,CAAC;MAC9Ba,SAAS,EAAE,CAACL,iBAAiB,CAAC;MAC9BJ;IACF,CAAC;EACD,GAZE,sBAaL,CAAC,GACA,IAAI;EAER,OAAO,CACLW,gBAAgB,eAChBxB,IAAA,CAACF,YAAY;IAEXc,MAAM,EAAE,GAAGA,MAAM,mBAAoB;IACrCe,KAAK,EAAE,CACLtB,gBAAgB,EAChBK,UAAU,EACVmB,MAAM,CAACM,aAAa,EACpB;MACEC,GAAG,EAAE7B,WAAW,GAAG,CAAC;MACpB8B,KAAK,EAAElC,gBAAgB,GAAGE,gBAAgB,CAACiC,iBAAiB;MAC5DC,MAAM,EAAEnC,iBAAiB;MACzBI,eAAe;MACfK,OAAO;MACPS,SAAS,EAAED;IACb,CAAC,CACD;IACFmB,aAAa,EAAE,CAAE;IACjB7B,qBAAqB,EAAEA;EAAsB,GAhBzC,sBAiBL,CAAC,CACH;AACH,CAAC;AAED,eAAeV,eAAe;AAE9B,MAAM4B,MAAM,GAAGhC,UAAU,CAAC4C,MAAM,CAAC;EAC/BX,IAAI,EAAE;IACJY,QAAQ,EAAE,UAAU;IACpBN,GAAG,EAAE,CAAC;IACNO,IAAI,EAAE,EAAE;IACRN,KAAK,EAAE;EACT,CAAC;EACD;EACAF,aAAa,EAAE;IACbO,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPL,iBAAiB,EAAE,CAAC;IACpBM,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}