@oxyhq/services 5.16.23 → 5.16.24

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIconColor = getIconColor;
+exports.getTextColor = getTextColor;
+// 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})`;
+};
+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);
+}
+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/commonjs/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;AAEM,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;AAEO,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/commonjs/ui/components/TextField/Label/InputLabel.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _AnimatedText = _interopRequireDefault(require("../../Typography/AnimatedText"));
+var _helpers = require("../helpers");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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
+  } = (0, _helpers.getConstants)(isV3);
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const isWeb = _reactNative.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
+    (0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: [_reactNative.StyleSheet.absoluteFill, styles.overflow, styles.labelContainer],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        pointerEvents: "none",
+        style: [_reactNative.StyleSheet.absoluteFill, !isWeb && {
+          width
+        }, {
+          opacity
+        }, labelTranslationX],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            width: labelWidth
+          },
+          children: [labelBackground?.({
+            labeled,
+            labelLayoutWidth,
+            labelLayoutHeight,
+            labelStyle,
+            placeholderStyle,
+            baseLabelTranslateX,
+            topPosition,
+            label,
+            backgroundColor,
+            roundness,
+            maxFontSizeMultiplier: maxFontSizeMultiplier,
+            testID
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedText.default, {
+            variant: "bodySmall",
+            onLayout: onLayoutAnimatedText,
+            onTextLayout: onLabelTextLayout,
+            style: [commonStyles, {
+              color: activeColor
+            }],
+            numberOfLines: 1,
+            maxFontSizeMultiplier: maxFontSizeMultiplier,
+            testID: `${testID}-label-active`,
+            children: label
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedText.default, {
+            variant: focused ? 'bodyLarge' : 'bodySmall',
+            style: [commonStyles, {
+              color: textColor,
+              opacity: placeholderOpacity
+            }],
+            numberOfLines: 1,
+            maxFontSizeMultiplier: maxFontSizeMultiplier,
+            testID: `${testID}-label-inactive`,
+            children: label
+          })]
+        })
+      })
+    })
+  );
+};
+const styles = _reactNative.StyleSheet.create({
+  overflow: {
+    overflow: 'hidden'
+  },
+  labelContainer: {
+    zIndex: 3
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(InputLabel);
+//# sourceMappingURL=InputLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_AnimatedText","_helpers","_jsxRuntime","e","__esModule","default","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","getConstants","width","useWindowDimensions","isWeb","Platform","OS","paddingOffset","labelTranslationX","transform","translateX","interpolate","inputRange","outputRange","labelStyle","translateY","scale","labelWidth","commonStyles","top","maxWidth","textColor","jsx","View","pointerEvents","style","StyleSheet","absoluteFill","styles","overflow","labelContainer","children","Animated","jsxs","variant","onLayout","onTextLayout","color","numberOfLines","create","zIndex","_default","exports","React","memo"],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Label/InputLabel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AnimatedText = _interopRequireDefault(require("../../Typography/AnimatedText"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    pointerEvents: "none",
+    style: [_reactNative.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__*/(0, _jsxRuntime.jsx)(_AnimatedText.default, {
+    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")];
+};
+var _default = exports.default = LabelBackground;
+const styles = _reactNative.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/commonjs/ui/components/TextField/Label/LabelBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_AnimatedText","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LabelBackground","labeled","labelLayoutWidth","labelLayoutHeight","placeholderStyle","baseLabelTranslateX","topPosition","backgroundColor","roundness","labelStyle","maxFontSizeMultiplier","testID","opacity","interpolate","inputRange","outputRange","labelTranslationX","translateX","labelTextScaleY","scaleY","labelTextTransform","transform","isRounded","roundedEdgeCover","jsx","Animated","View","pointerEvents","style","StyleSheet","absoluteFill","styles","view","maxHeight","Math","max","bottom","outlinedLabel","top","width","paddingHorizontal","height","numberOfLines","_default","exports","create","position","left","color"],"sourceRoot":"../../../../../../src","sources":["ui/components/TextField/Label/LabelBackground.tsx"],"mappings":"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","ignoreList":[]}