@prosperitainova/dumbo-react-native/lib/commonjs/helpers/index.js

Dumbo for React Native Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.styleReferenceBreaker = exports.pressableFeedbackStyle = exports.openLink = exports.logIssue = exports.createIcon = void 0;
var _react = _interopRequireDefault(require("react"));
var _iconHelpers = require("@carbon/icon-helpers");
var _reactNativeSvg = require("react-native-svg");
var _colors = require("../styles/colors");
var _reactNative = require("react-native");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
 * Log issues in console or other system that happen during the use of the library
 *
 * @param issue - Issue string for indicating where issue came from and what it was
 * @param data - any useful data for debugging issue
 */
const logIssue = (issue, data) => {
  console.warn(issue, data);
};

/**
 * Renders an icon from @Carbon/icons for React Native
 * Most have a slight padding in the SVG.  You can avoid this by adding a few extra pixels to size. For example 20 base icons can be 22 to compensate and match lineHeight for some compact font styles.
 *
 * @param icon - the icon to render (`import AddIcon from '@carbon/icons/es/add/20'` for example)
 * @param width - width of the icon, defaults to 100% (numbers are pixels but percent in string format are supported).
 * @param height - height of the icon, defaults to 100% (numbers are pixels but percent in string format are supported).
 * @param color - color of the icon, deafults to `icon-primary` from Carbon colors for the current theme.
 *
 * @returns - React Node to render on the screen.  If the icon fails to be created an X icon is rendered.
 */
exports.logIssue = logIssue;
const createIcon = (icon, width, height, color, key) => {
  try {
    const iconString = (0, _iconHelpers.toString)(icon);
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.SvgXml, {
      color: color || (0, _colors.getColor)('iconPrimary'),
      xml: iconString,
      width: width || '100%',
      height: height || '100%'
    }, key);
  } catch (error) {
    logIssue('createIcon: failed to create the icon', error);
    const backupIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.17 13.69"><line x1="0.71" y1="0.97" x2="12.46" y2="12.72" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/><line x1="1.02" y1="13.02" x2="12.15" y2="0.67" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/></svg>';
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.SvgXml, {
      color: color || (0, _colors.getColor)('iconPrimary'),
      xml: backupIcon,
      width: width || '100%',
      height: height || '100%'
    }, key);
  }
};

/**
 * This breaks reference to the original object for style manipulation.
 * TODO: find out prper flow from community.
 *
 * @param style - Style to break reference to
 * @param extraStyle - Style to break reference to
 * @returns - broken reference for the style
 */
exports.createIcon = createIcon;
const styleReferenceBreaker = (style, extraStyle) => {
  let finalStyle = Object.assign({}, style || {});
  finalStyle = Object.assign(finalStyle, extraStyle || {});
  return finalStyle;
};

/**
 * Pressable styling helper for adding proper feedback to the user
 * Use on Pressable as `style={(state) => pressableFeedbackStyle(state, this.myStyle)}`
 *
 * @param state - State from the style function
 * @param style - Primary style to add to the pressable
 * @param customStyle - Function to use custom styling for state changes.  If using may not need this helper at all. But also not bad to have everything in one flow.
 *
 * @returns - Styled for handling press style
 */
exports.styleReferenceBreaker = styleReferenceBreaker;
const pressableFeedbackStyle = (state, style, customStyle) => {
  return [style, typeof customStyle === 'function' ? customStyle(state) : {
    opacity: state.pressed ? 0.8 : 1
  }];
};

/**
 * Safely open a URL and handle pre-checking and post handling errors if encountered.
 *
 * @param url - URL scheme to pass to OS or Intent
 */
exports.pressableFeedbackStyle = pressableFeedbackStyle;
const openLink = url => {
  _reactNative.Linking.canOpenURL(url).then(supported => {
    if (supported) {
      _reactNative.Linking.openURL(url).then(() => {}).catch(error => {
        logIssue('openLink: unable to open supported requested link', {
          url,
          error
        });
      });
    } else {
      logIssue('openLink: unable to open requested link', {
        url
      });
    }
  }).catch(error => {
    logIssue('openLink: unable to open requested link', {
      url,
      error
    });
  });
};
exports.openLink = openLink;
//# sourceMappingURL=index.js.map