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

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

@@ -0,0 +1,150 @@
+"use strict";
+
+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); }
+
+const StyledInput = (0, _styled.makeStyledComponent)(_reactNative.TextInput);
+
+const InputBase = ({
+  onKeyPress,
+  onFocus,
+  onBlur,
+  disableFocusHandling,
+  inputProps,
+  wrapperRef,
+  InputLeftElement,
+  InputRightElement,
+  leftElement,
+  rightElement,
+  isHovered: isHoveredProp,
+  isFocused: isFocusedProp,
+  ...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);
+  const {
+    isFullWidth,
+    isDisabled,
+    isReadOnly,
+    ariaLabel,
+    accessibilityLabel,
+    placeholderTextColor,
+    selectionColor,
+    underlineColorAndroid,
+    type,
+    fontFamily,
+    fontWeight,
+    fontStyle,
+    _webInputBase,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Input', { ...inputThemeProps,
+    ...props
+  }, {
+    isDisabled: inputThemeProps.isDisabled,
+    isHovered: isHoveredProp || isHovered,
+    isFocused: isFocusedProp || isFocused,
+    isInvalid: inputThemeProps.isInvalid,
+    isReadOnly: inputThemeProps.isReadOnly
+  });
+  const resolvedFontFamily = (0, _useResolvedFontFamily.useResolvedFontFamily)({
+    fontFamily,
+    fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 400,
+    fontStyle: fontStyle !== null && fontStyle !== void 0 ? fontStyle : 'normal'
+  });
+  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,
+    onKeyPress,
+    onFocus,
+    onBlur,
+    disableFocusHandling,
+    inputProps
+  })) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(StyledInput, _extends({}, inputProps, {
+    secureTextEntry: type === 'password',
+    accessible: true,
+    accessibilityLabel: ariaLabel || accessibilityLabel,
+    editable: isDisabled || isReadOnly ? false : true,
+    w: isFullWidth ? '100%' : undefined
+  }, passUnresolvedProps ? props : resolvedProps, resolvedFontFamily, {
+    placeholderTextColor: resolvedPlaceholderTextColor,
+    selectionColor: resolvedSelectionColor,
+    underlineColorAndroid: resolvedUnderlineColorAndroid,
+    onKeyPress: e => {
+      e.persist();
+      onKeyPress && onKeyPress(e);
+    },
+    onFocus: e => {
+      handleFocus(true, onFocus ? () => onFocus(e) : () => {});
+    },
+    onBlur: e => {
+      handleFocus(false, onBlur ? () => onBlur(e) : () => {});
+    } // TODO: this can be moved to baseStyle using _web
+
+  }, _reactNative.Platform.OS === 'web' ? {
+    disabled: isDisabled,
+    cursor: isDisabled ? 'not-allowed' : 'auto'
+  } : {}, {
+    ref: (0, _utils.mergeRefs)([ref, _ref, wrapperRef]),
+    style: _reactNative.Platform.OS === 'web' ? _webInputBase : {}
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(InputBase));
+
+exports.default = _default;
+//# sourceMappingURL=InputBase.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputGroup = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("../../../utils");
+
+var _Stack = require("../Stack");
+
+var _utils2 = require("../../../theme/tools/utils");
+
+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); }
+
+const supplyPropsToChildren = (children, props) => {
+  if (children.length >= 2) {
+    const result = [];
+    const firstChild = children[0];
+    const firstChildProps = { ...firstChild.props.children,
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    };
+    result.push( /*#__PURE__*/_react.default.cloneElement(firstChild, firstChildProps, firstChild.props.children));
+
+    for (let i = 1; i < children.length - 1; i++) {
+      const child = children[i];
+      const newProps = { ...props,
+        borderRadius: '0'
+      };
+      result.push( /*#__PURE__*/_react.default.cloneElement(child, newProps, child.props.children));
+    }
+
+    const lastChild = children[children.length - 1];
+    const lastChildProps = { ...lastChild.props.children,
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    };
+    result.push( /*#__PURE__*/_react.default.cloneElement(lastChild, lastChildProps, lastChild.props.children));
+    return result;
+  }
+
+  return _react.default.Children.map(children, child => {
+    return /*#__PURE__*/_react.default.cloneElement(child, props, child.props.children);
+  });
+};
+
+const InputGroup = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  ...props
+}, ref) => {
+  const [layoutProps, nonLayoutProps] = (0, _utils2.extractInObject)(props, [..._utils2.stylingProps.margin, ..._utils2.stylingProps.border, ..._utils2.stylingProps.layout, ..._utils2.stylingProps.flexbox, ..._utils2.stylingProps.position, ..._utils2.stylingProps.background, 'space', 'shadow', 'opacity']); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Stack.HStack, _extends({}, layoutProps, {
+    ref: ref
+  }), supplyPropsToChildren((0, _utils.getAttachedChildren)(children), nonLayoutProps));
+}));
+exports.InputGroup = InputGroup;
+//# sourceMappingURL=InputGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InputGroup.tsx"],"names":["supplyPropsToChildren","children","props","length","result","firstChild","firstChildProps","borderTopRightRadius","borderBottomRightRadius","push","React","cloneElement","i","child","newProps","borderRadius","lastChild","lastChildProps","borderTopLeftRadius","borderBottomLeftRadius","Children","map","InputGroup","ref","layoutProps","nonLayoutProps","stylingProps","margin","border","layout","flexbox","position","background"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAG,CAACC,QAAD,EAAgBC,KAAhB,KAA+B;AAC3D,MAAID,QAAQ,CAACE,MAAT,IAAmB,CAAvB,EAA0B;AACxB,UAAMC,MAAM,GAAG,EAAf;AACA,UAAMC,UAAU,GAAGJ,QAAQ,CAAC,CAAD,CAA3B;AACA,UAAMK,eAAe,GAAG,EACtB,GAAGD,UAAU,CAACH,KAAX,CAAiBD,QADE;AAEtBM,MAAAA,oBAAoB,EAAE,CAFA;AAGtBC,MAAAA,uBAAuB,EAAE;AAHH,KAAxB;AAKAJ,IAAAA,MAAM,CAACK,IAAP,eACEC,eAAMC,YAAN,CAAmBN,UAAnB,EAA+BC,eAA/B,EAAgDD,UAAU,CAACH,KAAX,CAAiBD,QAAjE,CADF;;AAGA,SAAK,IAAIW,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGX,QAAQ,CAACE,MAAT,GAAkB,CAAtC,EAAyCS,CAAC,EAA1C,EAA8C;AAC5C,YAAMC,KAAK,GAAGZ,QAAQ,CAACW,CAAD,CAAtB;AACA,YAAME,QAAQ,GAAG,EAAE,GAAGZ,KAAL;AAAYa,QAAAA,YAAY,EAAE;AAA1B,OAAjB;AACAX,MAAAA,MAAM,CAACK,IAAP,eAAYC,eAAMC,YAAN,CAAmBE,KAAnB,EAA0BC,QAA1B,EAAoCD,KAAK,CAACX,KAAN,CAAYD,QAAhD,CAAZ;AACD;;AACD,UAAMe,SAAS,GAAGf,QAAQ,CAACA,QAAQ,CAACE,MAAT,GAAkB,CAAnB,CAA1B;AACA,UAAMc,cAAc,GAAG,EACrB,GAAGD,SAAS,CAACd,KAAV,CAAgBD,QADE;AAErBiB,MAAAA,mBAAmB,EAAE,CAFA;AAGrBC,MAAAA,sBAAsB,EAAE;AAHH,KAAvB;AAKAf,IAAAA,MAAM,CAACK,IAAP,eACEC,eAAMC,YAAN,CAAmBK,SAAnB,EAA8BC,cAA9B,EAA8CD,SAAS,CAACd,KAAV,CAAgBD,QAA9D,CADF;AAGA,WAAOG,MAAP;AACD;;AAED,SAAOM,eAAMU,QAAN,CAAeC,GAAf,CAAmBpB,QAAnB,EAA8BY,KAAD,IAAwB;AAC1D,wBAAOH,eAAMC,YAAN,CAAmBE,KAAnB,EAA0BX,KAA1B,EAAiCW,KAAK,CAACX,KAAN,CAAYD,QAA7C,CAAP;AACD,GAFM,CAAP;AAGD,CAhCD;;AAkCO,MAAMqB,UAAU,gBAAG,+BACxB,uBAAW,CAAC;AAAErB,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA2CqB,GAA3C,KAAwD;AACjE,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,6BAAgBvB,KAAhB,EAAuB,CAC3D,GAAGwB,qBAAaC,MAD2C,EAE3D,GAAGD,qBAAaE,MAF2C,EAG3D,GAAGF,qBAAaG,MAH2C,EAI3D,GAAGH,qBAAaI,OAJ2C,EAK3D,GAAGJ,qBAAaK,QAL2C,EAM3D,GAAGL,qBAAaM,UAN2C,EAO3D,OAP2D,EAQ3D,QAR2D,EAS3D,SAT2D,CAAvB,CAAtC,CADiE,CAYjE;;AACA,MAAI,kDAAsB9B,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,aAAD,eAAYsB,WAAZ;AAAyB,IAAA,GAAG,EAAED;AAA9B,MACGvB,qBAAqB,CAAC,gCAAoBC,QAApB,CAAD,EAAgCwB,cAAhC,CADxB,CADF;AAKD,CArBD,CADwB,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport type { IInputGroupProps } from './types';\r\nimport { getAttachedChildren } from '../../../utils';\r\nimport { HStack } from '../Stack';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst supplyPropsToChildren = (children: any, props: any) => {\r\n  if (children.length >= 2) {\r\n    const result = [];\r\n    const firstChild = children[0];\r\n    const firstChildProps = {\r\n      ...firstChild.props.children,\r\n      borderTopRightRadius: 0,\r\n      borderBottomRightRadius: 0,\r\n    };\r\n    result.push(\r\n      React.cloneElement(firstChild, firstChildProps, firstChild.props.children)\r\n    );\r\n    for (let i = 1; i < children.length - 1; i++) {\r\n      const child = children[i];\r\n      const newProps = { ...props, borderRadius: '0' };\r\n      result.push(React.cloneElement(child, newProps, child.props.children));\r\n    }\r\n    const lastChild = children[children.length - 1];\r\n    const lastChildProps = {\r\n      ...lastChild.props.children,\r\n      borderTopLeftRadius: 0,\r\n      borderBottomLeftRadius: 0,\r\n    };\r\n    result.push(\r\n      React.cloneElement(lastChild, lastChildProps, lastChild.props.children)\r\n    );\r\n    return result;\r\n  }\r\n\r\n  return React.Children.map(children, (child: JSX.Element) => {\r\n    return React.cloneElement(child, props, child.props.children);\r\n  });\r\n};\r\n\r\nexport const InputGroup = memo(\r\n  forwardRef(({ children, ...props }: IInputGroupProps, ref: any) => {\r\n    const [layoutProps, nonLayoutProps] = extractInObject(props, [\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      'space',\r\n      'shadow',\r\n      'opacity',\r\n    ]);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <HStack {...layoutProps} ref={ref}>\r\n        {supplyPropsToChildren(getAttachedChildren(children), nonLayoutProps)}\r\n      </HStack>\r\n    );\r\n  })\r\n);\r\n"]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "InputGroup", {
+  enumerable: true,
+  get: function () {
+    return _InputGroup.InputGroup;
+  }
+});
+Object.defineProperty(exports, "InputRightAddon", {
+  enumerable: true,
+  get: function () {
+    return _InputAddons.InputRightAddon;
+  }
+});
+Object.defineProperty(exports, "InputLeftAddon", {
+  enumerable: true,
+  get: function () {
+    return _InputAddons.InputLeftAddon;
+  }
+});
+exports.Input = void 0;
+
+var _InputGroup = require("./InputGroup");
+
+var _InputAddons = require("./InputAddons");
+
+var _Input = _interopRequireDefault(require("./Input"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const InputTemp = _Input.default; // To add typings
+
+const Input = InputTemp;
+exports.Input = Input;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["InputTemp","InputMain","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAGA;;;;AAGA,MAAMA,SAAc,GAAGC,cAAvB,C,CAEA;;AACA,MAAMC,KAAK,GAAGF,SAAd","sourcesContent":["export { InputGroup } from './InputGroup';\r\nexport { InputRightAddon, InputLeftAddon } from './InputAddons';\r\nexport type { IInputGroupProps, IInputProps } from './types';\r\n\r\nimport InputMain from './Input';\r\nimport type { IInputComponentType } from './types';\r\n\r\nconst InputTemp: any = InputMain;\r\n\r\n// To add typings\r\nconst Input = InputTemp as IInputComponentType;\r\n\r\nexport { Input };\r\n"]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/commonjs/components/primitives/Link/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _Text = _interopRequireDefault(require("../Text"));
+
+var _hooks = require("../../../hooks");
+
+var _useLink = require("./useLink");
+
+var _utils = require("../../../utils");
+
+var _Pressable = require("../Pressable");
+
+var _interactions = require("@react-native-aria/interactions");
+
+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); }
+
+const Link = ({
+  isHovered: isHoveredProp,
+  ...props
+}, ref) => {
+  const _ref = _react.default.useRef(null);
+
+  const {
+    isHovered
+  } = (0, _interactions.useHover)({}, _ref);
+  const {
+    isUnderlined,
+    children,
+    _text,
+    href,
+    onPress,
+    isExternal,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('Link', props, {
+    isHovered: isHoveredProp || isHovered
+  });
+  const {
+    linkProps
+  } = (0, _useLink.useLink)({
+    href,
+    onPress,
+    isExternal,
+    _ref
+  });
+  const linkTextProps = {
+    textDecorationLine: isUnderlined ? 'underline' : 'none',
+    ..._text
+  }; // function getHoverProps() {
+  //   let hoverTextProps = {
+  //     ...linkTextProps,
+  //     ..._hover?._text,
+  //   };
+  //   return {
+  //     ...hoverTextProps,
+  //   };
+  // }
+  //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _reactNative.Platform.OS === 'web' ? /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, linkProps, resolvedProps, {
+    _text: linkTextProps,
+    ref: (0, _utils.mergeRefs)([ref, _ref]),
+    flexDirection: "row"
+  }), children) : /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({}, linkProps, resolvedProps, {
+    ref: ref,
+    flexDirection: "row"
+  }), _react.default.Children.map(children, child => typeof child === 'string' || typeof child === 'number' ? /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, resolvedProps._text, linkTextProps), child) : child)));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Link));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Link","isHovered","isHoveredProp","props","ref","_ref","React","useRef","isUnderlined","children","_text","href","onPress","isExternal","resolvedProps","linkProps","linkTextProps","textDecorationLine","Platform","OS","Children","map","child"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;AAAEC,EAAAA,SAAS,EAAEC,aAAb;AAA4B,KAAGC;AAA/B,CAAD,EAAqDC,GAArD,KAAkE;AAC7E,QAAMC,IAAI,GAAGC,eAAMC,MAAN,CAAa,IAAb,CAAb;;AACA,QAAM;AAAEN,IAAAA;AAAF,MAAgB,4BAAS,EAAT,EAAaI,IAAb,CAAtB;AACA,QAAM;AACJG,IAAAA,YADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,OALI;AAMJC,IAAAA,UANI;AAOJ,OAAGC;AAPC,MAQF,+BAAmB,MAAnB,EAA2BX,KAA3B,EAAkC;AACpCF,IAAAA,SAAS,EAAEC,aAAa,IAAID;AADQ,GAAlC,CARJ;AAWA,QAAM;AAAEc,IAAAA;AAAF,MAAgB,sBAAQ;AAAEJ,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,UAAjB;AAA6BR,IAAAA;AAA7B,GAAR,CAAtB;AAEA,QAAMW,aAAa,GAAG;AACpBC,IAAAA,kBAAkB,EAAET,YAAY,GAAG,WAAH,GAAiB,MAD7B;AAEpB,OAAGE;AAFiB,GAAtB,CAhB6E,CAoB7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAI,kDAAsBP,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,4DAEGe,sBAASC,EAAT,KAAgB,KAAhB,gBACC,6BAAC,YAAD,eACMJ,SADN,EAEMD,aAFN;AAGE,IAAA,KAAK,EAAEE,aAHT;AAIE,IAAA,GAAG,EAAE,sBAAU,CAACZ,GAAD,EAAMC,IAAN,CAAV,CAJP;AAKE,IAAA,aAAa,EAAC;AALhB,MAOGI,QAPH,CADD,gBAWC,6BAAC,oBAAD,eACMM,SADN,EAEMD,aAFN;AAGE,IAAA,GAAG,EAAEV,GAHP;AAIE,IAAA,aAAa,EAAC;AAJhB,MAMGE,eAAMc,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA8Ba,KAAD,IAC5B,OAAOA,KAAP,KAAiB,QAAjB,IAA6B,OAAOA,KAAP,KAAiB,QAA9C,gBACE,6BAAC,aAAD,eAAUR,aAAa,CAACJ,KAAxB,EAAmCM,aAAnC,GACGM,KADH,CADF,GAKEA,KANH,CANH,CAbJ,CADF;AAiCD,CAlED;;4BAoEe,+BAAK,uBAAWtB,IAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Platform } from 'react-native';\r\nimport type { ILinkProps } from './types';\r\nimport Box from '../Box';\r\nimport Text from '../Text';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useLink } from './useLink';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { Pressable } from '../Pressable';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Link = ({ isHovered: isHoveredProp, ...props }: ILinkProps, ref: any) => {\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n  const {\r\n    isUnderlined,\r\n    children,\r\n    _text,\r\n    href,\r\n    onPress,\r\n    isExternal,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Link', props, {\r\n    isHovered: isHoveredProp || isHovered,\r\n  });\r\n  const { linkProps } = useLink({ href, onPress, isExternal, _ref });\r\n\r\n  const linkTextProps = {\r\n    textDecorationLine: isUnderlined ? 'underline' : 'none',\r\n    ..._text,\r\n  };\r\n  // function getHoverProps() {\r\n  //   let hoverTextProps = {\r\n  //     ...linkTextProps,\r\n  //     ..._hover?._text,\r\n  //   };\r\n  //   return {\r\n  //     ...hoverTextProps,\r\n  //   };\r\n  // }\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <>\r\n      {/* On web we render Link in anchor tag */}\r\n      {Platform.OS === 'web' ? (\r\n        <Box\r\n          {...linkProps}\r\n          {...resolvedProps}\r\n          _text={linkTextProps}\r\n          ref={mergeRefs([ref, _ref])}\r\n          flexDirection=\"row\"\r\n        >\r\n          {children}\r\n        </Box>\r\n      ) : (\r\n        <Pressable\r\n          {...linkProps}\r\n          {...resolvedProps}\r\n          ref={ref}\r\n          flexDirection=\"row\"\r\n        >\r\n          {React.Children.map(children, (child) =>\r\n            typeof child === 'string' || typeof child === 'number' ? (\r\n              <Text {...resolvedProps._text} {...linkTextProps}>\r\n                {child}\r\n              </Text>\r\n            ) : (\r\n              child\r\n            )\r\n          )}\r\n        </Pressable>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Link));\r\nexport type { ILinkProps };\r\n"]}

package/lib/commonjs/components/primitives/Link/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/primitives/Link/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/commonjs/components/primitives/Link/useLink.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLink = useLink;
+
+var _reactNative = require("react-native");
+
+const linkToHREF = URL => {
+  _reactNative.Linking.openURL(URL).catch(err => console.error('An error occurred', err));
+};
+
+const addOnPressFunctionality = (href, callback) => {
+  href ? linkToHREF(href) : '';
+  callback ? callback() : () => {};
+};
+
+function useLink(props) {
+  const {
+    href,
+    isExternal,
+    onPress,
+    _ref
+  } = props;
+  let platformLinkProps = {};
+
+  if (_reactNative.Platform.OS === 'web') {
+    platformLinkProps = {
+      href,
+      onClick: onPress
+    }; // Adding target to a tag created by RN-Web
+
+    if (isExternal && _ref.current) {
+      _ref.current.target = '_blank';
+    }
+  } else {
+    platformLinkProps = {
+      onPress: () => {
+        addOnPressFunctionality(href, onPress);
+      }
+    };
+  }
+
+  return {
+    linkProps: { ...platformLinkProps,
+      accessibilityRole: 'link',
+      accessible: true
+    }
+  };
+}
+//# sourceMappingURL=useLink.js.map

package/lib/commonjs/components/primitives/Link/useLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLink.ts"],"names":["linkToHREF","URL","Linking","openURL","catch","err","console","error","addOnPressFunctionality","href","callback","useLink","props","isExternal","onPress","_ref","platformLinkProps","Platform","OS","onClick","current","target","linkProps","accessibilityRole","accessible"],"mappings":";;;;;;;AAAA;;AAIA,MAAMA,UAAU,GAAIC,GAAD,IAAiB;AAClCC,uBAAQC,OAAR,CAAgBF,GAAhB,EAAqBG,KAArB,CAA4BC,GAAD,IAASC,OAAO,CAACC,KAAR,CAAc,mBAAd,EAAmCF,GAAnC,CAApC;AACD,CAFD;;AAIA,MAAMG,uBAAuB,GAAG,CAACC,IAAD,EAAqBC,QAArB,KAAuC;AACrED,EAAAA,IAAI,GAAGT,UAAU,CAACS,IAAD,CAAb,GAAsB,EAA1B;AACAC,EAAAA,QAAQ,GAAGA,QAAQ,EAAX,GAAgB,MAAM,CAAE,CAAhC;AACD,CAHD;;AAKO,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;AAC3C,QAAM;AAAEH,IAAAA,IAAF;AAAQI,IAAAA,UAAR;AAAoBC,IAAAA,OAApB;AAA6BC,IAAAA;AAA7B,MAAsCH,KAA5C;AAEA,MAAII,iBAAiB,GAAG,EAAxB;;AAEA,MAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzBF,IAAAA,iBAAiB,GAAG;AAClBP,MAAAA,IADkB;AAElBU,MAAAA,OAAO,EAAEL;AAFS,KAApB,CADyB,CAKzB;;AACA,QAAID,UAAU,IAAIE,IAAI,CAACK,OAAvB,EAAgC;AAC9BL,MAAAA,IAAI,CAACK,OAAL,CAAaC,MAAb,GAAsB,QAAtB;AACD;AACF,GATD,MASO;AACLL,IAAAA,iBAAiB,GAAG;AAClBF,MAAAA,OAAO,EAAE,MAAM;AACbN,QAAAA,uBAAuB,CAACC,IAAD,EAAOK,OAAP,CAAvB;AACD;AAHiB,KAApB;AAKD;;AAED,SAAO;AACLQ,IAAAA,SAAS,EAAE,EACT,GAAGN,iBADM;AAETO,MAAAA,iBAAiB,EAAE,MAFV;AAGTC,MAAAA,UAAU,EAAE;AAHH;AADN,GAAP;AAOD","sourcesContent":["import { Linking, Platform } from 'react-native';\r\nimport type { IUseLinkProp } from './types';\r\nimport type { AccessibilityRole } from 'react-native';\r\n\r\nconst linkToHREF = (URL: string) => {\r\n  Linking.openURL(URL).catch((err) => console.error('An error occurred', err));\r\n};\r\n\r\nconst addOnPressFunctionality = (href: string | any, callback: any) => {\r\n  href ? linkToHREF(href) : '';\r\n  callback ? callback() : () => {};\r\n};\r\n\r\nexport function useLink(props: IUseLinkProp) {\r\n  const { href, isExternal, onPress, _ref } = props;\r\n\r\n  let platformLinkProps = {};\r\n\r\n  if (Platform.OS === 'web') {\r\n    platformLinkProps = {\r\n      href,\r\n      onClick: onPress,\r\n    };\r\n    // Adding target to a tag created by RN-Web\r\n    if (isExternal && _ref.current) {\r\n      _ref.current.target = '_blank';\r\n    }\r\n  } else {\r\n    platformLinkProps = {\r\n      onPress: () => {\r\n        addOnPressFunctionality(href, onPress);\r\n      },\r\n    };\r\n  }\r\n\r\n  return {\r\n    linkProps: {\r\n      ...platformLinkProps,\r\n      accessibilityRole: 'link' as AccessibilityRole,\r\n      accessible: true,\r\n    },\r\n  };\r\n}\r\n"]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Stack = require("../Stack");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+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); }
+
+const List = ({
+  children,
+  divider,
+  ...props
+}, ref) => {
+  const {
+    _text,
+    _hover,
+    _focus,
+    _pressed,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('List', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  } // add props to children
+
+
+  children = _react.default.Children.map(children, (child, ind) => {
+    var _child$props, _child$props2, _child$props3, _child$props4;
+
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      index: ind,
+      _text: { ..._text,
+        ...((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props._text)
+      },
+      _hover: { ..._hover,
+        ...((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2._hover)
+      },
+      _focus: { ..._focus,
+        ...((_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3._focus)
+      },
+      _pressed: { ..._pressed,
+        ...((_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4._pressed)
+      }
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_Stack.VStack, _extends({
+    divider: divider,
+    ref: ref
+  }, resolvedProps), children);
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(List));
+
+exports.default = _default;
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["List.tsx"],"names":["List","children","divider","props","ref","_text","_hover","_focus","_pressed","resolvedProps","React","Children","map","child","ind","cloneElement","index"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,OAAZ;AAAqB,KAAGC;AAAxB,CAAD,EAA8CC,GAA9C,KAA4D;AACvE,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,MAFI;AAGJC,IAAAA,MAHI;AAIJC,IAAAA,QAJI;AAKJ,OAAGC;AALC,MAMF,uCAAmB,MAAnB,EAA2BN,KAA3B,CANJ,CADuE,CAQvE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD,GAXsE,CAYvE;;;AACAF,EAAAA,QAAQ,GAAGS,eAAMC,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,CAACY,KAAD,EAAaC,GAAb,KAA6B;AAAA;;AACnE,wBAAOJ,eAAMK,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,MAAAA,KAAK,EAAEF,GADwB;AAE/BT,MAAAA,KAAK,EAAE,EAAE,GAAGA,KAAL;AAAY,4BAAGQ,KAAK,CAACV,KAAT,iDAAG,aAAaE,KAAhB;AAAZ,OAFwB;AAG/BC,MAAAA,MAAM,EAAE,EAAE,GAAGA,MAAL;AAAa,6BAAGO,KAAK,CAACV,KAAT,kDAAG,cAAaG,MAAhB;AAAb,OAHuB;AAI/BC,MAAAA,MAAM,EAAE,EAAE,GAAGA,MAAL;AAAa,6BAAGM,KAAK,CAACV,KAAT,kDAAG,cAAaI,MAAhB;AAAb,OAJuB;AAK/BC,MAAAA,QAAQ,EAAE,EAAE,GAAGA,QAAL;AAAe,6BAAGK,KAAK,CAACV,KAAT,kDAAG,cAAaK,QAAhB;AAAf;AALqB,KAA1B,CAAP;AAOD,GARU,CAAX;AAUA,sBACE,6BAAC,aAAD;AAAQ,IAAA,OAAO,EAAEN,OAAjB;AAA0B,IAAA,GAAG,EAAEE;AAA/B,KAAwCK,aAAxC,GACGR,QADH,CADF;AAKD,CA5BD;;4BA+Be,+BAAK,uBAAWD,IAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { VStack } from '../Stack';\r\nimport type { IListProps, IListItemProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst List = ({ children, divider, ...props }: IListProps, ref?: any) => {\r\n  const {\r\n    _text,\r\n    _hover,\r\n    _focus,\r\n    _pressed,\r\n    ...resolvedProps\r\n  } = usePropsResolution('List', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  // add props to children\r\n  children = React.Children.map(children, (child: any, ind: number) => {\r\n    return React.cloneElement(child, {\r\n      index: ind,\r\n      _text: { ..._text, ...child.props?._text },\r\n      _hover: { ..._hover, ...child.props?._hover },\r\n      _focus: { ..._focus, ...child.props?._focus },\r\n      _pressed: { ..._pressed, ...child.props?._pressed },\r\n    });\r\n  });\r\n\r\n  return (\r\n    <VStack divider={divider} ref={ref} {...resolvedProps}>\r\n      {children}\r\n    </VStack>\r\n  );\r\n};\r\n\r\nexport type { IListProps, IListItemProps };\r\nexport default memo(forwardRef(List));\r\n"]}

package/lib/commonjs/components/primitives/List/ListIcon.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = require("../Icon");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 ListIcon = (props, ref) => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('ListIcon', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Icon.Icon, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(ListIcon));
+
+exports.default = _default;
+//# sourceMappingURL=ListIcon.js.map

package/lib/commonjs/components/primitives/List/ListIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ListIcon.tsx"],"names":["ListIcon","props","ref","resolvedProps","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAoBC,GAApB,KAAkC;AACjD,QAAMC,aAAa,GAAG,uCAAmB,UAAnB,EAA+BF,KAA/B,CAAtB,CADiD,CAEjD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,UAAD,eAAUE,aAAV;AAAyB,IAAA,GAAG,EAAED;AAA9B,KAAP;AACD,CAPD;;4BASeE,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBN,QAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { IIconProps, Icon } from '../Icon';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ListIcon = (props: IIconProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ListIcon', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Icon {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default React.memo(React.forwardRef(ListIcon));\r\n"]}