@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/commonjs/components/primitives/Input/Input.js

@@ -4,39 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _hooks = require("../../../hooks");
-
 var _FormControl = require("../../composites/FormControl");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
 var _interactions = require("@react-native-aria/interactions");
-
 var _utils = require("../../../theme/tools/utils");
-
 var _useThemeProps = require("../../../hooks/useThemeProps");
-
 var _utils2 = require("../../../utils");
-
 var _Stack = require("../Stack");
-
 var _styled = require("../../../utils/styled");
-
 var _useResolvedFontFamily = require("../../../hooks/useResolvedFontFamily");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const StyledInput = (0, _styled.makeStyledComponent)(_reactNative.TextInput);
-
 const Input = ({
   isHovered: isHoveredProp,
   isFocused: isFocusedProp,
@@ -54,16 +36,12 @@ const Input = ({
     isRequired: props.isRequired,
     nativeID: props.nativeID
   });
-
   const [isFocused, setIsFocused] = _react.default.useState(false);
-
   const handleFocus = (focusState, callback) => {
     setIsFocused(focusState);
     callback();
   };
-
   const _ref = _react.default.useRef(null);
-
   const {
     isHovered
   } = (0, _interactions.useHover)({}, _ref);
@@ -92,7 +70,8 @@ const Input = ({
     _stack,
     _input,
     ...resolvedProps
-  } = (0, _useThemeProps.usePropsResolution)('Input', { ...inputThemeProps,
+  } = (0, _useThemeProps.usePropsResolution)('Input', {
+    ...inputThemeProps,
     ...props
   }, {
     isDisabled: inputThemeProps.isDisabled,
@@ -110,27 +89,24 @@ const Input = ({
   const resolvedPlaceholderTextColor = (0, _hooks.useToken)('colors', placeholderTextColor);
   const resolvedSelectionColor = (0, _hooks.useToken)('colors', selectionColor);
   const resolvedUnderlineColorAndroid = (0, _hooks.useToken)('colors', underlineColorAndroid);
+
   /**Converting into Hash Color Code */
   //@ts-ignore
-
-  resolvedProps.focusOutlineColor = (0, _hooks.useToken)('colors', resolvedProps.focusOutlineColor); //@ts-ignore
-
-  resolvedProps.invalidOutlineColor = (0, _hooks.useToken)('colors', resolvedProps.invalidOutlineColor); //TODO: refactor for responsive prop
-
+  resolvedProps.focusOutlineColor = (0, _hooks.useToken)('colors', resolvedProps.focusOutlineColor);
+  //@ts-ignore
+  resolvedProps.invalidOutlineColor = (0, _hooks.useToken)('colors', resolvedProps.invalidOutlineColor);
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   if (resolvedProps.focusOutlineColor && isFocused) {
     layoutProps.borderColor = resolvedProps.focusOutlineColor;
     _stack.style = (0, _utils2.resolveStackStyleInput)(props.variant, resolvedProps.focusOutlineColor);
   }
-
   if (resolvedProps.invalidOutlineColor && props.isInvalid) {
     layoutProps.borderColor = resolvedProps.invalidOutlineColor;
     _stack.style = (0, _utils2.resolveStackStyleInput)(props.variant, resolvedProps.invalidOutlineColor);
   }
-
   return /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({}, _stack, layoutProps, {
     ref: (0, _utils2.mergeRefs)([_ref, wrapperRef]),
     isFocused: isFocused
@@ -158,8 +134,5 @@ const Input = ({
     ref: (0, _utils2.mergeRefs)([ref, _ref, wrapperRef])
   })), InputRightElement || rightElement ? InputRightElement || rightElement : null);
 };
-
-var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Input));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(Input));
 //# sourceMappingURL=Input.js.map

package/lib/commonjs/components/primitives/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Input.tsx"],"names":["StyledInput","TextInput","Input","isHovered","isHoveredProp","isFocused","isFocusedProp","onKeyPress","InputLeftElement","InputRightElement","leftElement","rightElement","props","ref","inputProps","isDisabled","isInvalid","isReadOnly","isRequired","nativeID","setIsFocused","React","useState","handleFocus","focusState","callback","_ref","useRef","inputThemeProps","disabled","accessibilityInvalid","accessibilityReadOnly","required","ariaLabel","accessibilityLabel","type","isFullWidth","fontFamily","fontWeight","fontStyle","placeholderTextColor","selectionColor","underlineColorAndroid","onFocus","onBlur","wrapperRef","_stack","_input","resolvedProps","layoutProps","nonLayoutProps","stylingProps","margin","border","layout","flexbox","position","background","resolvedFontFamily","resolvedPlaceholderTextColor","resolvedSelectionColor","resolvedUnderlineColorAndroid","focusOutlineColor","invalidOutlineColor","borderColor","style","variant","undefined","e","persist"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport type { IInputProps } from './types';\r\nimport { TextInput } from 'react-native';\r\nimport { useToken } from '../../../hooks';\r\nimport { useFormControl } from '../../composites/FormControl';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { mergeRefs, resolveStackStyleInput } from '../../../utils';\r\nimport { Stack } from '../Stack';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { useResolvedFontFamily } from '../../../hooks/useResolvedFontFamily';\r\n\r\nconst StyledInput = makeStyledComponent(TextInput);\r\n\r\nconst Input = (\r\n  {\r\n    isHovered: isHoveredProp,\r\n    isFocused: isFocusedProp,\r\n    onKeyPress,\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    leftElement,\r\n    rightElement,\r\n    ...props\r\n  }: IInputProps,\r\n  ref: any\r\n) => {\r\n  const inputProps = useFormControl({\r\n    isDisabled: props.isDisabled,\r\n    isInvalid: props.isInvalid,\r\n    isReadOnly: props.isReadOnly,\r\n    isRequired: props.isRequired,\r\n    nativeID: props.nativeID,\r\n  });\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    setIsFocused(focusState);\r\n    callback();\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const inputThemeProps = {\r\n    isDisabled: inputProps.disabled,\r\n    isInvalid: inputProps.accessibilityInvalid,\r\n    isReadOnly: inputProps.accessibilityReadOnly,\r\n    isRequired: inputProps.required,\r\n  };\r\n\r\n  const {\r\n    ariaLabel,\r\n    accessibilityLabel,\r\n    type,\r\n    isFullWidth,\r\n    isDisabled,\r\n    isReadOnly,\r\n    fontFamily,\r\n    fontWeight,\r\n    fontStyle,\r\n    placeholderTextColor,\r\n    selectionColor,\r\n    underlineColorAndroid,\r\n    onFocus,\r\n    onBlur,\r\n    wrapperRef,\r\n    _stack,\r\n    _input,\r\n\r\n    ...resolvedProps\r\n  } = usePropsResolution(\r\n    'Input',\r\n    {\r\n      ...inputThemeProps,\r\n      ...props,\r\n    },\r\n    {\r\n      isDisabled: inputThemeProps.isDisabled,\r\n      isHovered: isHoveredProp || isHovered,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isInvalid: inputThemeProps.isInvalid,\r\n      isReadOnly: inputThemeProps.isReadOnly,\r\n    }\r\n  );\r\n\r\n  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n    ...stylingProps.margin,\r\n    ...stylingProps.border,\r\n    ...stylingProps.layout,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n    ...stylingProps.background,\r\n    'shadow',\r\n    'opacity',\r\n  ]);\r\n\r\n  const resolvedFontFamily = useResolvedFontFamily({\r\n    fontFamily,\r\n    fontWeight: fontWeight ?? 400,\r\n    fontStyle: fontStyle ?? 'normal',\r\n  });\r\n  const resolvedPlaceholderTextColor = useToken('colors', placeholderTextColor);\r\n  const resolvedSelectionColor = useToken('colors', selectionColor);\r\n  const resolvedUnderlineColorAndroid = useToken(\r\n    'colors',\r\n    underlineColorAndroid\r\n  );\r\n\r\n  /**Converting into Hash Color Code */\r\n  //@ts-ignore\r\n  resolvedProps.focusOutlineColor = useToken(\r\n    'colors',\r\n    resolvedProps.focusOutlineColor\r\n  );\r\n  //@ts-ignore\r\n  resolvedProps.invalidOutlineColor = useToken(\r\n    'colors',\r\n    resolvedProps.invalidOutlineColor\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (resolvedProps.focusOutlineColor && isFocused) {\r\n    layoutProps.borderColor = resolvedProps.focusOutlineColor;\r\n    _stack.style = resolveStackStyleInput(\r\n      props.variant,\r\n      resolvedProps.focusOutlineColor\r\n    );\r\n  }\r\n\r\n  if (resolvedProps.invalidOutlineColor && props.isInvalid) {\r\n    layoutProps.borderColor = resolvedProps.invalidOutlineColor;\r\n    _stack.style = resolveStackStyleInput(\r\n      props.variant,\r\n      resolvedProps.invalidOutlineColor\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Stack\r\n      {..._stack}\r\n      {...layoutProps}\r\n      ref={mergeRefs([_ref, wrapperRef])}\r\n      isFocused={isFocused}\r\n    >\r\n      {InputLeftElement || leftElement ? InputLeftElement || leftElement : null}\r\n      <StyledInput\r\n        {...inputProps}\r\n        secureTextEntry={type === 'password'}\r\n        accessible\r\n        accessibilityLabel={ariaLabel || accessibilityLabel}\r\n        editable={isDisabled || isReadOnly ? false : true}\r\n        w={isFullWidth ? '100%' : undefined}\r\n        {...nonLayoutProps}\r\n        {...resolvedFontFamily}\r\n        placeholderTextColor={resolvedPlaceholderTextColor}\r\n        selectionColor={resolvedSelectionColor}\r\n        underlineColorAndroid={resolvedUnderlineColorAndroid}\r\n        onKeyPress={(e: any) => {\r\n          e.persist();\r\n          onKeyPress && onKeyPress(e);\r\n        }}\r\n        onFocus={(e: any) => {\r\n          handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n        }}\r\n        onBlur={(e: any) => {\r\n          handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n        }}\r\n        {..._input}\r\n        ref={mergeRefs([ref, _ref, wrapperRef])}\r\n      />\r\n      {InputRightElement || rightElement\r\n        ? InputRightElement || rightElement\r\n        : null}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Input));\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_FormControl","_useHasResponsiveProps","_interactions","_utils","_useThemeProps","_utils2","_Stack","_styled","_useResolvedFontFamily","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","StyledInput","makeStyledComponent","TextInput","Input","isHovered","isHoveredProp","isFocused","isFocusedProp","onKeyPress","InputLeftElement","InputRightElement","leftElement","rightElement","props","ref","inputProps","useFormControl","isDisabled","isInvalid","isReadOnly","isRequired","nativeID","setIsFocused","React","useState","handleFocus","focusState","callback","_ref","useRef","useHover","inputThemeProps","disabled","accessibilityInvalid","accessibilityReadOnly","required","ariaLabel","accessibilityLabel","type","isFullWidth","fontFamily","fontWeight","fontStyle","placeholderTextColor","selectionColor","underlineColorAndroid","onFocus","onBlur","wrapperRef","_stack","_input","resolvedProps","usePropsResolution","layoutProps","nonLayoutProps","extractInObject","stylingProps","margin","border","layout","flexbox","position","background","resolvedFontFamily","useResolvedFontFamily","resolvedPlaceholderTextColor","useToken","resolvedSelectionColor","resolvedUnderlineColorAndroid","focusOutlineColor","invalidOutlineColor","useHasResponsiveProps","borderColor","style","resolveStackStyleInput","variant","createElement","Stack","mergeRefs","secureTextEntry","accessible","editable","w","undefined","persist","_default","exports","memo","forwardRef"],"sources":["Input.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport type { IInputProps } from './types';\r\nimport { TextInput } from 'react-native';\r\nimport { useToken } from '../../../hooks';\r\nimport { useFormControl } from '../../composites/FormControl';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { mergeRefs, resolveStackStyleInput } from '../../../utils';\r\nimport { Stack } from '../Stack';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { useResolvedFontFamily } from '../../../hooks/useResolvedFontFamily';\r\n\r\nconst StyledInput = makeStyledComponent(TextInput);\r\n\r\nconst Input = (\r\n  {\r\n    isHovered: isHoveredProp,\r\n    isFocused: isFocusedProp,\r\n    onKeyPress,\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    leftElement,\r\n    rightElement,\r\n    ...props\r\n  }: IInputProps,\r\n  ref: any\r\n) => {\r\n  const inputProps = useFormControl({\r\n    isDisabled: props.isDisabled,\r\n    isInvalid: props.isInvalid,\r\n    isReadOnly: props.isReadOnly,\r\n    isRequired: props.isRequired,\r\n    nativeID: props.nativeID,\r\n  });\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    setIsFocused(focusState);\r\n    callback();\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const inputThemeProps = {\r\n    isDisabled: inputProps.disabled,\r\n    isInvalid: inputProps.accessibilityInvalid,\r\n    isReadOnly: inputProps.accessibilityReadOnly,\r\n    isRequired: inputProps.required,\r\n  };\r\n\r\n  const {\r\n    ariaLabel,\r\n    accessibilityLabel,\r\n    type,\r\n    isFullWidth,\r\n    isDisabled,\r\n    isReadOnly,\r\n    fontFamily,\r\n    fontWeight,\r\n    fontStyle,\r\n    placeholderTextColor,\r\n    selectionColor,\r\n    underlineColorAndroid,\r\n    onFocus,\r\n    onBlur,\r\n    wrapperRef,\r\n    _stack,\r\n    _input,\r\n\r\n    ...resolvedProps\r\n  } = usePropsResolution(\r\n    'Input',\r\n    {\r\n      ...inputThemeProps,\r\n      ...props,\r\n    },\r\n    {\r\n      isDisabled: inputThemeProps.isDisabled,\r\n      isHovered: isHoveredProp || isHovered,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isInvalid: inputThemeProps.isInvalid,\r\n      isReadOnly: inputThemeProps.isReadOnly,\r\n    }\r\n  );\r\n\r\n  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n    ...stylingProps.margin,\r\n    ...stylingProps.border,\r\n    ...stylingProps.layout,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n    ...stylingProps.background,\r\n    'shadow',\r\n    'opacity',\r\n  ]);\r\n\r\n  const resolvedFontFamily = useResolvedFontFamily({\r\n    fontFamily,\r\n    fontWeight: fontWeight ?? 400,\r\n    fontStyle: fontStyle ?? 'normal',\r\n  });\r\n  const resolvedPlaceholderTextColor = useToken('colors', placeholderTextColor);\r\n  const resolvedSelectionColor = useToken('colors', selectionColor);\r\n  const resolvedUnderlineColorAndroid = useToken(\r\n    'colors',\r\n    underlineColorAndroid\r\n  );\r\n\r\n  /**Converting into Hash Color Code */\r\n  //@ts-ignore\r\n  resolvedProps.focusOutlineColor = useToken(\r\n    'colors',\r\n    resolvedProps.focusOutlineColor\r\n  );\r\n  //@ts-ignore\r\n  resolvedProps.invalidOutlineColor = useToken(\r\n    'colors',\r\n    resolvedProps.invalidOutlineColor\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (resolvedProps.focusOutlineColor && isFocused) {\r\n    layoutProps.borderColor = resolvedProps.focusOutlineColor;\r\n    _stack.style = resolveStackStyleInput(\r\n      props.variant,\r\n      resolvedProps.focusOutlineColor\r\n    );\r\n  }\r\n\r\n  if (resolvedProps.invalidOutlineColor && props.isInvalid) {\r\n    layoutProps.borderColor = resolvedProps.invalidOutlineColor;\r\n    _stack.style = resolveStackStyleInput(\r\n      props.variant,\r\n      resolvedProps.invalidOutlineColor\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Stack\r\n      {..._stack}\r\n      {...layoutProps}\r\n      ref={mergeRefs([_ref, wrapperRef])}\r\n      isFocused={isFocused}\r\n    >\r\n      {InputLeftElement || leftElement ? InputLeftElement || leftElement : null}\r\n      <StyledInput\r\n        {...inputProps}\r\n        secureTextEntry={type === 'password'}\r\n        accessible\r\n        accessibilityLabel={ariaLabel || accessibilityLabel}\r\n        editable={isDisabled || isReadOnly ? false : true}\r\n        w={isFullWidth ? '100%' : undefined}\r\n        {...nonLayoutProps}\r\n        {...resolvedFontFamily}\r\n        placeholderTextColor={resolvedPlaceholderTextColor}\r\n        selectionColor={resolvedSelectionColor}\r\n        underlineColorAndroid={resolvedUnderlineColorAndroid}\r\n        onKeyPress={(e: any) => {\r\n          e.persist();\r\n          onKeyPress && onKeyPress(e);\r\n        }}\r\n        onFocus={(e: any) => {\r\n          handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n        }}\r\n        onBlur={(e: any) => {\r\n          handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n        }}\r\n        {..._input}\r\n        ref={mergeRefs([ref, _ref, wrapperRef])}\r\n      />\r\n      {InputRightElement || rightElement\r\n        ? InputRightElement || rightElement\r\n        : null}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Input));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/primitives/Input/InputAddons.js

@@ -4,48 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputRightAddon = exports.InputLeftAddon = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
 var _usePropsResolution = require("../../../hooks/useThemeProps/usePropsResolution");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const InputLeftAddon = /*#__PURE__*/(0, _react.memo)(
+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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const InputLeftAddon = exports.InputLeftAddon = /*#__PURE__*/(0, _react.memo)(
 /*#__PURE__*/
 //@r
 (0, _react.forwardRef)((props, ref) => {
-  const resolvedProps = (0, _usePropsResolution.usePropsResolution)('InputLeftAddon', props); //TODO: refactor for responsive prop
-
+  const resolvedProps = (0, _usePropsResolution.usePropsResolution)('InputLeftAddon', props);
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
     ref: ref
   }), props.children);
 }));
-exports.InputLeftAddon = InputLeftAddon;
-const InputRightAddon = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const resolvedProps = (0, _usePropsResolution.usePropsResolution)('InputRightAddon', props); //TODO: refactor for responsive prop
-
+const InputRightAddon = exports.InputRightAddon = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const resolvedProps = (0, _usePropsResolution.usePropsResolution)('InputRightAddon', props);
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
     ref: ref
   }), props.children);
 }));
-exports.InputRightAddon = InputRightAddon;
 //# sourceMappingURL=InputAddons.js.map

package/lib/commonjs/components/primitives/Input/InputAddons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputAddons.tsx"],"names":["InputLeftAddon","props","ref","resolvedProps","children","InputRightAddon"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,cAAc,gBAAG;AAAA;AAC5B;AACA,uBAAW,CAACC,KAAD,EAAmBC,GAAnB,KAAiC;AAC1C,QAAMC,aAAa,GAAG,4CAAmB,gBAAnB,EAAqCF,KAArC,CAAtB,CAD0C,CAE1C;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,MACGD,KAAK,CAACG,QADT,CADF;AAKD,CAXD,CAF4B,CAAvB;;AAeA,MAAMC,eAAe,gBAAG,+BAC7B,uBAAW,CAACJ,KAAD,EAAmBC,GAAnB,KAAiC;AAC1C,QAAMC,aAAa,GAAG,4CAAmB,iBAAnB,EAAsCF,KAAtC,CAAtB,CAD0C,CAE1C;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,MACGD,KAAK,CAACG,QADT,CADF;AAKD,CAXD,CAD6B,CAAxB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { default as Box, IBoxProps } from '../Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps/usePropsResolution';\r\n\r\nexport const InputLeftAddon = memo(\r\n  //@r\r\n  forwardRef((props: IBoxProps, ref?: any) => {\r\n    const resolvedProps = usePropsResolution('InputLeftAddon', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Box {...resolvedProps} ref={ref}>\r\n        {props.children}\r\n      </Box>\r\n    );\r\n  })\r\n);\r\nexport const InputRightAddon = memo(\r\n  forwardRef((props: IBoxProps, ref?: any) => {\r\n    const resolvedProps = usePropsResolution('InputRightAddon', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Box {...resolvedProps} ref={ref}>\r\n        {props.children}\r\n      </Box>\r\n    );\r\n  })\r\n);\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Box","_interopRequireDefault","_useHasResponsiveProps","_usePropsResolution","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","InputLeftAddon","exports","memo","forwardRef","props","ref","resolvedProps","usePropsResolution","useHasResponsiveProps","createElement","children","InputRightAddon"],"sources":["InputAddons.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { default as Box, IBoxProps } from '../Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps/usePropsResolution';\r\n\r\nexport const InputLeftAddon = memo(\r\n  //@r\r\n  forwardRef((props: IBoxProps, ref?: any) => {\r\n    const resolvedProps = usePropsResolution('InputLeftAddon', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Box {...resolvedProps} ref={ref}>\r\n        {props.children}\r\n      </Box>\r\n    );\r\n  })\r\n);\r\nexport const InputRightAddon = memo(\r\n  forwardRef((props: IBoxProps, ref?: any) => {\r\n    const resolvedProps = usePropsResolution('InputRightAddon', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Box {...resolvedProps} ref={ref}>\r\n        {props.children}\r\n      </Box>\r\n    );\r\n  })\r\n);\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/primitives/Input/InputAdvanced.js

@@ -4,31 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _InputBase = _interopRequireDefault(require("./InputBase"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _useThemeProps = require("../../../hooks/useThemeProps");
-
 var _utils = require("../../../theme/tools/utils");
-
 var _interactions = require("@react-native-aria/interactions");
-
 var _utils2 = require("../../../utils");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const InputAdvance = ({
   InputLeftElement,
   InputRightElement,
@@ -46,28 +32,23 @@ const InputAdvance = ({
     isReadOnly: inputProps.accessibilityReadOnly,
     isRequired: inputProps.required
   };
-
   if (InputLeftElement) {
     leftElement = InputLeftElement;
   }
-
   if (InputRightElement) {
     rightElement = InputRightElement;
   }
-
   const [isFocused, setIsFocused] = _react.default.useState(false);
-
   const handleFocus = (focusState, callback) => {
     setIsFocused(focusState);
     callback();
   };
-
   const _ref = _react.default.useRef(null);
-
   const {
     isHovered
   } = (0, _interactions.useHover)({}, _ref);
-  const resolvedProps = (0, _useThemeProps.usePropsResolution)('Input', { ...inputThemeProps,
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('Input', {
+    ...inputThemeProps,
     ...props
   }, {
     isDisabled: inputThemeProps.isDisabled,
@@ -76,11 +57,14 @@ const InputAdvance = ({
     isInvalid: inputThemeProps.isInvalid,
     isReadOnly: inputThemeProps.isReadOnly
   });
-  const [layoutProps, nonLayoutProps] = (0, _utils.extractInObject)(resolvedProps, [..._utils.stylingProps.margin, ..._utils.stylingProps.border, ..._utils.stylingProps.layout, ..._utils.stylingProps.flexbox, ..._utils.stylingProps.position, ..._utils.stylingProps.background, 'shadow', 'opacity']); // Extracting baseInputProps from remaining props
+  const [layoutProps, nonLayoutProps] = (0, _utils.extractInObject)(resolvedProps, [..._utils.stylingProps.margin, ..._utils.stylingProps.border, ..._utils.stylingProps.layout, ..._utils.stylingProps.flexbox, ..._utils.stylingProps.position, ..._utils.stylingProps.background, 'shadow', 'opacity']);
 
-  const [, baseInputProps] = (0, _utils.extractInObject)(nonLayoutProps, ['variant']); //TODO: refactor for responsive prop
+  // Extracting baseInputProps from remaining props
+  const [, baseInputProps] = (0, _utils.extractInObject)(nonLayoutProps, ['variant']);
 
-  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({ ...props,
+  //TODO: refactor for responsive prop
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({
+    ...props,
     InputLeftElement,
     InputRightElement,
     onFocus,
@@ -90,7 +74,6 @@ const InputAdvance = ({
   })) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
     display: "flex",
     flexDirection: "row",
@@ -115,8 +98,5 @@ const InputAdvance = ({
     shadow: "none"
   })), InputRightElement || rightElement ? InputRightElement || rightElement : null);
 };
-
-var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(InputAdvance));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(InputAdvance));
 //# sourceMappingURL=InputAdvanced.js.map

package/lib/commonjs/components/primitives/Input/InputAdvanced.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputAdvanced.tsx"],"names":["InputAdvance","InputLeftElement","InputRightElement","leftElement","rightElement","onFocus","onBlur","inputProps","wrapperRef","props","ref","inputThemeProps","isDisabled","disabled","isInvalid","accessibilityInvalid","isReadOnly","accessibilityReadOnly","isRequired","required","isFocused","setIsFocused","React","useState","handleFocus","focusState","callback","_ref","useRef","isHovered","resolvedProps","layoutProps","nonLayoutProps","stylingProps","margin","border","layout","flexbox","position","background","baseInputProps","e"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport InputBase from './InputBase';\r\nimport Box from '../Box';\r\nimport type { IInputProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst InputAdvance = (\r\n  {\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    leftElement,\r\n    rightElement,\r\n    onFocus,\r\n    onBlur,\r\n    inputProps,\r\n    wrapperRef,\r\n    ...props\r\n  }: IInputProps & {\r\n    inputProps: any;\r\n  },\r\n  ref: any\r\n) => {\r\n  const inputThemeProps = {\r\n    isDisabled: inputProps.disabled,\r\n    isInvalid: inputProps.accessibilityInvalid,\r\n    isReadOnly: inputProps.accessibilityReadOnly,\r\n    isRequired: inputProps.required,\r\n  };\r\n\r\n  if (InputLeftElement) {\r\n    leftElement = InputLeftElement;\r\n  }\r\n  if (InputRightElement) {\r\n    rightElement = InputRightElement;\r\n  }\r\n\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    setIsFocused(focusState);\r\n    callback();\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const resolvedProps = usePropsResolution(\r\n    'Input',\r\n    {\r\n      ...inputThemeProps,\r\n      ...props,\r\n    },\r\n    {\r\n      isDisabled: inputThemeProps.isDisabled,\r\n      isHovered,\r\n      isFocused,\r\n      isInvalid: inputThemeProps.isInvalid,\r\n      isReadOnly: inputThemeProps.isReadOnly,\r\n    }\r\n  );\r\n\r\n  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n    ...stylingProps.margin,\r\n    ...stylingProps.border,\r\n    ...stylingProps.layout,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n    ...stylingProps.background,\r\n    'shadow',\r\n    'opacity',\r\n  ]);\r\n\r\n  // Extracting baseInputProps from remaining props\r\n  const [, baseInputProps] = extractInObject(nonLayoutProps, ['variant']);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (\r\n    useHasResponsiveProps({\r\n      ...props,\r\n      InputLeftElement,\r\n      InputRightElement,\r\n      onFocus,\r\n      onBlur,\r\n      inputProps,\r\n      wrapperRef,\r\n    })\r\n  ) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      display=\"flex\"\r\n      flexDirection=\"row\"\r\n      alignItems=\"center\"\r\n      justifyContent=\"space-between\"\r\n      {...layoutProps}\r\n      ref={mergeRefs([_ref, wrapperRef])}\r\n    >\r\n      {InputLeftElement || leftElement ? InputLeftElement || leftElement : null}\r\n      <InputBase\r\n        inputProps={inputProps}\r\n        bg=\"transparent\"\r\n        {...baseInputProps}\r\n        flex={1}\r\n        disableFocusHandling\r\n        ref={ref}\r\n        variant=\"unstyled\"\r\n        onFocus={(e: any) => {\r\n          handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n        }}\r\n        onBlur={(e: any) => {\r\n          handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n        }}\r\n        shadow=\"none\"\r\n      />\r\n      {InputRightElement || rightElement\r\n        ? InputRightElement || rightElement\r\n        : null}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(InputAdvance));\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_InputBase","_interopRequireDefault","_Box","_useThemeProps","_utils","_interactions","_utils2","_useHasResponsiveProps","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","InputAdvance","InputLeftElement","InputRightElement","leftElement","rightElement","onFocus","onBlur","inputProps","wrapperRef","props","ref","inputThemeProps","isDisabled","disabled","isInvalid","accessibilityInvalid","isReadOnly","accessibilityReadOnly","isRequired","required","isFocused","setIsFocused","React","useState","handleFocus","focusState","callback","_ref","useRef","isHovered","useHover","resolvedProps","usePropsResolution","layoutProps","nonLayoutProps","extractInObject","stylingProps","margin","border","layout","flexbox","position","background","baseInputProps","useHasResponsiveProps","createElement","display","flexDirection","alignItems","justifyContent","mergeRefs","bg","flex","disableFocusHandling","variant","shadow","_default","exports","memo","forwardRef"],"sources":["InputAdvanced.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport InputBase from './InputBase';\r\nimport Box from '../Box';\r\nimport type { IInputProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst InputAdvance = (\r\n  {\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    leftElement,\r\n    rightElement,\r\n    onFocus,\r\n    onBlur,\r\n    inputProps,\r\n    wrapperRef,\r\n    ...props\r\n  }: IInputProps & {\r\n    inputProps: any;\r\n  },\r\n  ref: any\r\n) => {\r\n  const inputThemeProps = {\r\n    isDisabled: inputProps.disabled,\r\n    isInvalid: inputProps.accessibilityInvalid,\r\n    isReadOnly: inputProps.accessibilityReadOnly,\r\n    isRequired: inputProps.required,\r\n  };\r\n\r\n  if (InputLeftElement) {\r\n    leftElement = InputLeftElement;\r\n  }\r\n  if (InputRightElement) {\r\n    rightElement = InputRightElement;\r\n  }\r\n\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    setIsFocused(focusState);\r\n    callback();\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const resolvedProps = usePropsResolution(\r\n    'Input',\r\n    {\r\n      ...inputThemeProps,\r\n      ...props,\r\n    },\r\n    {\r\n      isDisabled: inputThemeProps.isDisabled,\r\n      isHovered,\r\n      isFocused,\r\n      isInvalid: inputThemeProps.isInvalid,\r\n      isReadOnly: inputThemeProps.isReadOnly,\r\n    }\r\n  );\r\n\r\n  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n    ...stylingProps.margin,\r\n    ...stylingProps.border,\r\n    ...stylingProps.layout,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n    ...stylingProps.background,\r\n    'shadow',\r\n    'opacity',\r\n  ]);\r\n\r\n  // Extracting baseInputProps from remaining props\r\n  const [, baseInputProps] = extractInObject(nonLayoutProps, ['variant']);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (\r\n    useHasResponsiveProps({\r\n      ...props,\r\n      InputLeftElement,\r\n      InputRightElement,\r\n      onFocus,\r\n      onBlur,\r\n      inputProps,\r\n      wrapperRef,\r\n    })\r\n  ) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      display=\"flex\"\r\n      flexDirection=\"row\"\r\n      alignItems=\"center\"\r\n      justifyContent=\"space-between\"\r\n      {...layoutProps}\r\n      ref={mergeRefs([_ref, wrapperRef])}\r\n    >\r\n      {InputLeftElement || leftElement ? InputLeftElement || leftElement : null}\r\n      <InputBase\r\n        inputProps={inputProps}\r\n        bg=\"transparent\"\r\n        {...baseInputProps}\r\n        flex={1}\r\n        disableFocusHandling\r\n        ref={ref}\r\n        variant=\"unstyled\"\r\n        onFocus={(e: any) => {\r\n          handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n        }}\r\n        onBlur={(e: any) => {\r\n          handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n        }}\r\n        shadow=\"none\"\r\n      />\r\n      {InputRightElement || rightElement\r\n        ? InputRightElement || rightElement\r\n        : null}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(InputAdvance));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/primitives/Input/InputBase.js

@@ -4,33 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _hooks = require("../../../hooks");
-
 var _useThemeProps = require("../../../hooks/useThemeProps");
-
 var _interactions = require("@react-native-aria/interactions");
-
 var _utils = require("../../../utils");
-
 var _styled = require("../../../utils/styled");
-
 var _useResolvedFontFamily = require("../../../hooks/useResolvedFontFamily");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const StyledInput = (0, _styled.makeStyledComponent)(_reactNative.TextInput);
-
 const InputBase = ({
   onKeyPress,
   onFocus,
@@ -47,27 +32,21 @@ const InputBase = ({
   ...props
 }, ref) => {
   let passUnresolvedProps;
-
   if (InputLeftElement || InputRightElement || leftElement || rightElement) {
     passUnresolvedProps = true;
   }
-
   const [isFocused, setIsFocused] = _react.default.useState(false);
-
   const handleFocus = (focusState, callback) => {
     !disableFocusHandling && setIsFocused(focusState);
     callback();
   };
-
   const inputThemeProps = {
     isDisabled: inputProps.disabled,
     isInvalid: inputProps.accessibilityInvalid,
     isReadOnly: inputProps.accessibilityReadOnly,
     isRequired: inputProps.required
   };
-
   const _ref = _react.default.useRef(null);
-
   const {
     isHovered
   } = (0, _interactions.useHover)({}, _ref);
@@ -86,7 +65,8 @@ const InputBase = ({
     fontStyle,
     _webInputBase,
     ...resolvedProps
-  } = (0, _useThemeProps.usePropsResolution)('Input', { ...inputThemeProps,
+  } = (0, _useThemeProps.usePropsResolution)('Input', {
+    ...inputThemeProps,
     ...props
   }, {
     isDisabled: inputThemeProps.isDisabled,
@@ -102,9 +82,10 @@ const InputBase = ({
   });
   const resolvedPlaceholderTextColor = (0, _hooks.useToken)('colors', placeholderTextColor);
   const resolvedSelectionColor = (0, _hooks.useToken)('colors', selectionColor);
-  const resolvedUnderlineColorAndroid = (0, _hooks.useToken)('colors', underlineColorAndroid); //TODO: refactor for responsive prop
-
-  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({ ...props,
+  const resolvedUnderlineColorAndroid = (0, _hooks.useToken)('colors', underlineColorAndroid);
+  //TODO: refactor for responsive prop
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)({
+    ...props,
     onKeyPress,
     onFocus,
     onBlur,
@@ -113,7 +94,6 @@ const InputBase = ({
   })) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(StyledInput, _extends({}, inputProps, {
     secureTextEntry: type === 'password',
     accessible: true,
@@ -133,8 +113,8 @@ const InputBase = ({
     },
     onBlur: e => {
       handleFocus(false, onBlur ? () => onBlur(e) : () => {});
-    } // TODO: this can be moved to baseStyle using _web
-
+    }
+    // TODO: this can be moved to baseStyle using _web
   }, _reactNative.Platform.OS === 'web' ? {
     disabled: isDisabled,
     cursor: isDisabled ? 'not-allowed' : 'auto'
@@ -143,8 +123,5 @@ const InputBase = ({
     style: _reactNative.Platform.OS === 'web' ? _webInputBase : {}
   }));
 };
-
-var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(InputBase));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(InputBase));
 //# sourceMappingURL=InputBase.js.map

package/lib/commonjs/components/primitives/Input/InputBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputBase.tsx"],"names":["StyledInput","TextInput","InputBase","onKeyPress","onFocus","onBlur","disableFocusHandling","inputProps","wrapperRef","InputLeftElement","InputRightElement","leftElement","rightElement","isHovered","isHoveredProp","isFocused","isFocusedProp","props","ref","passUnresolvedProps","setIsFocused","React","useState","handleFocus","focusState","callback","inputThemeProps","isDisabled","disabled","isInvalid","accessibilityInvalid","isReadOnly","accessibilityReadOnly","isRequired","required","_ref","useRef","isFullWidth","ariaLabel","accessibilityLabel","placeholderTextColor","selectionColor","underlineColorAndroid","type","fontFamily","fontWeight","fontStyle","_webInputBase","resolvedProps","resolvedFontFamily","resolvedPlaceholderTextColor","resolvedSelectionColor","resolvedUnderlineColorAndroid","undefined","e","persist","Platform","OS","cursor"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { TextInput, Platform } from 'react-native';\r\nimport type { IInputProps } from './types';\r\nimport { useToken } from '../../../hooks';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { useResolvedFontFamily } from '../../../hooks/useResolvedFontFamily';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledInput = makeStyledComponent(TextInput);\r\n\r\nconst InputBase = (\r\n  {\r\n    onKeyPress,\r\n    onFocus,\r\n    onBlur,\r\n    disableFocusHandling,\r\n    inputProps,\r\n    wrapperRef,\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    leftElement,\r\n    rightElement,\r\n    isHovered: isHoveredProp,\r\n    isFocused: isFocusedProp,\r\n    ...props\r\n  }: IInputProps & {\r\n    disableFocusHandling?: boolean;\r\n    inputProps: any;\r\n  },\r\n  ref: any\r\n) => {\r\n  let passUnresolvedProps;\r\n  if (InputLeftElement || InputRightElement || leftElement || rightElement) {\r\n    passUnresolvedProps = true;\r\n  }\r\n\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    !disableFocusHandling && setIsFocused(focusState);\r\n    callback();\r\n  };\r\n\r\n  const inputThemeProps = {\r\n    isDisabled: inputProps.disabled,\r\n    isInvalid: inputProps.accessibilityInvalid,\r\n    isReadOnly: inputProps.accessibilityReadOnly,\r\n    isRequired: inputProps.required,\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const {\r\n    isFullWidth,\r\n    isDisabled,\r\n    isReadOnly,\r\n    ariaLabel,\r\n    accessibilityLabel,\r\n    placeholderTextColor,\r\n    selectionColor,\r\n    underlineColorAndroid,\r\n    type,\r\n    fontFamily,\r\n    fontWeight,\r\n    fontStyle,\r\n    _webInputBase,\r\n    ...resolvedProps\r\n  } = usePropsResolution(\r\n    'Input',\r\n    {\r\n      ...inputThemeProps,\r\n      ...props,\r\n    },\r\n    {\r\n      isDisabled: inputThemeProps.isDisabled,\r\n      isHovered: isHoveredProp || isHovered,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isInvalid: inputThemeProps.isInvalid,\r\n      isReadOnly: inputThemeProps.isReadOnly,\r\n    }\r\n  );\r\n\r\n  const resolvedFontFamily = useResolvedFontFamily({\r\n    fontFamily,\r\n    fontWeight: fontWeight ?? 400,\r\n    fontStyle: fontStyle ?? 'normal',\r\n  });\r\n  const resolvedPlaceholderTextColor = useToken('colors', placeholderTextColor);\r\n  const resolvedSelectionColor = useToken('colors', selectionColor);\r\n  const resolvedUnderlineColorAndroid = useToken(\r\n    'colors',\r\n    underlineColorAndroid\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (\r\n    useHasResponsiveProps({\r\n      ...props,\r\n      onKeyPress,\r\n      onFocus,\r\n      onBlur,\r\n      disableFocusHandling,\r\n      inputProps,\r\n    })\r\n  ) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <StyledInput\r\n      {...inputProps}\r\n      secureTextEntry={type === 'password'}\r\n      accessible\r\n      accessibilityLabel={ariaLabel || accessibilityLabel}\r\n      editable={isDisabled || isReadOnly ? false : true}\r\n      w={isFullWidth ? '100%' : undefined}\r\n      {...(passUnresolvedProps ? props : resolvedProps)}\r\n      {...resolvedFontFamily}\r\n      placeholderTextColor={resolvedPlaceholderTextColor}\r\n      selectionColor={resolvedSelectionColor}\r\n      underlineColorAndroid={resolvedUnderlineColorAndroid}\r\n      onKeyPress={(e: any) => {\r\n        e.persist();\r\n        onKeyPress && onKeyPress(e);\r\n      }}\r\n      onFocus={(e: any) => {\r\n        handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n      }}\r\n      onBlur={(e: any) => {\r\n        handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n      }}\r\n      // TODO: this can be moved to baseStyle using _web\r\n      {...(Platform.OS === 'web'\r\n        ? {\r\n            disabled: isDisabled,\r\n            cursor: isDisabled ? 'not-allowed' : 'auto',\r\n          }\r\n        : {})}\r\n      ref={mergeRefs([ref, _ref, wrapperRef])}\r\n      style={Platform.OS === 'web' ? _webInputBase : {}}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(InputBase));\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_useThemeProps","_interactions","_utils","_styled","_useResolvedFontFamily","_useHasResponsiveProps","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","StyledInput","makeStyledComponent","TextInput","InputBase","onKeyPress","onFocus","onBlur","disableFocusHandling","inputProps","wrapperRef","InputLeftElement","InputRightElement","leftElement","rightElement","isHovered","isHoveredProp","isFocused","isFocusedProp","props","ref","passUnresolvedProps","setIsFocused","React","useState","handleFocus","focusState","callback","inputThemeProps","isDisabled","disabled","isInvalid","accessibilityInvalid","isReadOnly","accessibilityReadOnly","isRequired","required","_ref","useRef","useHover","isFullWidth","ariaLabel","accessibilityLabel","placeholderTextColor","selectionColor","underlineColorAndroid","type","fontFamily","fontWeight","fontStyle","_webInputBase","resolvedProps","usePropsResolution","resolvedFontFamily","useResolvedFontFamily","resolvedPlaceholderTextColor","useToken","resolvedSelectionColor","resolvedUnderlineColorAndroid","useHasResponsiveProps","createElement","secureTextEntry","accessible","editable","w","undefined","persist","Platform","OS","cursor","mergeRefs","style","_default","exports","memo","forwardRef"],"sources":["InputBase.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { TextInput, Platform } from 'react-native';\r\nimport type { IInputProps } from './types';\r\nimport { useToken } from '../../../hooks';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { useResolvedFontFamily } from '../../../hooks/useResolvedFontFamily';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledInput = makeStyledComponent(TextInput);\r\n\r\nconst InputBase = (\r\n  {\r\n    onKeyPress,\r\n    onFocus,\r\n    onBlur,\r\n    disableFocusHandling,\r\n    inputProps,\r\n    wrapperRef,\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    leftElement,\r\n    rightElement,\r\n    isHovered: isHoveredProp,\r\n    isFocused: isFocusedProp,\r\n    ...props\r\n  }: IInputProps & {\r\n    disableFocusHandling?: boolean;\r\n    inputProps: any;\r\n  },\r\n  ref: any\r\n) => {\r\n  let passUnresolvedProps;\r\n  if (InputLeftElement || InputRightElement || leftElement || rightElement) {\r\n    passUnresolvedProps = true;\r\n  }\r\n\r\n  const [isFocused, setIsFocused] = React.useState(false);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    !disableFocusHandling && setIsFocused(focusState);\r\n    callback();\r\n  };\r\n\r\n  const inputThemeProps = {\r\n    isDisabled: inputProps.disabled,\r\n    isInvalid: inputProps.accessibilityInvalid,\r\n    isReadOnly: inputProps.accessibilityReadOnly,\r\n    isRequired: inputProps.required,\r\n  };\r\n\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n\r\n  const {\r\n    isFullWidth,\r\n    isDisabled,\r\n    isReadOnly,\r\n    ariaLabel,\r\n    accessibilityLabel,\r\n    placeholderTextColor,\r\n    selectionColor,\r\n    underlineColorAndroid,\r\n    type,\r\n    fontFamily,\r\n    fontWeight,\r\n    fontStyle,\r\n    _webInputBase,\r\n    ...resolvedProps\r\n  } = usePropsResolution(\r\n    'Input',\r\n    {\r\n      ...inputThemeProps,\r\n      ...props,\r\n    },\r\n    {\r\n      isDisabled: inputThemeProps.isDisabled,\r\n      isHovered: isHoveredProp || isHovered,\r\n      isFocused: isFocusedProp || isFocused,\r\n      isInvalid: inputThemeProps.isInvalid,\r\n      isReadOnly: inputThemeProps.isReadOnly,\r\n    }\r\n  );\r\n\r\n  const resolvedFontFamily = useResolvedFontFamily({\r\n    fontFamily,\r\n    fontWeight: fontWeight ?? 400,\r\n    fontStyle: fontStyle ?? 'normal',\r\n  });\r\n  const resolvedPlaceholderTextColor = useToken('colors', placeholderTextColor);\r\n  const resolvedSelectionColor = useToken('colors', selectionColor);\r\n  const resolvedUnderlineColorAndroid = useToken(\r\n    'colors',\r\n    underlineColorAndroid\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (\r\n    useHasResponsiveProps({\r\n      ...props,\r\n      onKeyPress,\r\n      onFocus,\r\n      onBlur,\r\n      disableFocusHandling,\r\n      inputProps,\r\n    })\r\n  ) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <StyledInput\r\n      {...inputProps}\r\n      secureTextEntry={type === 'password'}\r\n      accessible\r\n      accessibilityLabel={ariaLabel || accessibilityLabel}\r\n      editable={isDisabled || isReadOnly ? false : true}\r\n      w={isFullWidth ? '100%' : undefined}\r\n      {...(passUnresolvedProps ? props : resolvedProps)}\r\n      {...resolvedFontFamily}\r\n      placeholderTextColor={resolvedPlaceholderTextColor}\r\n      selectionColor={resolvedSelectionColor}\r\n      underlineColorAndroid={resolvedUnderlineColorAndroid}\r\n      onKeyPress={(e: any) => {\r\n        e.persist();\r\n        onKeyPress && onKeyPress(e);\r\n      }}\r\n      onFocus={(e: any) => {\r\n        handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n      }}\r\n      onBlur={(e: any) => {\r\n        handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n      }}\r\n      // TODO: this can be moved to baseStyle using _web\r\n      {...(Platform.OS === 'web'\r\n        ? {\r\n            disabled: isDisabled,\r\n            cursor: isDisabled ? 'not-allowed' : 'auto',\r\n          }\r\n        : {})}\r\n      ref={mergeRefs([ref, _ref, wrapperRef])}\r\n      style={Platform.OS === 'web' ? _webInputBase : {}}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(InputBase));\r\n"],"mappings":"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","ignoreList":[]}