@transferwise/components 0.0.0-experimental-b87be66 → 0.0.0-experimental-cbd2a4c

package/build/index.js

@@ -5,13 +5,13 @@ var classNames = require('classnames');
 var jsxRuntime = require('react/jsx-runtime');
 var icons = require('@transferwise/icons');
 var reactIntl = require('react-intl');
+var PropTypes = require('prop-types');
 var commonmark = require('commonmark');
 var componentsTheming = require('@wise/components-theming');
 var reactTransitionGroup = require('react-transition-group');
 var focus = require('@react-aria/focus');
 var reactDom = require('react-dom');
 var neptuneValidation = require('@transferwise/neptune-validation');
-var PropTypes = require('prop-types');
 var formatting = require('@transferwise/formatting');
 var react$1 = require('@headlessui/react');
 var mergeProps = require('merge-props');
@@ -46,8 +46,8 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
 var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
 var clamp__default = /*#__PURE__*/_interopDefault(clamp$2);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
@@ -860,14 +860,21 @@ function stripNodes({
 }
 
 const allowList = [exports.MarkdownNodeType.STRONG];
-function InlineMarkdown(props) {
+const InlineMarkdown = props => {
   return /*#__PURE__*/jsxRuntime.jsx(Markdown, {
     ...props,
     as: "span",
     allowList: allowList,
     blockList: undefined
   });
-}
+};
+InlineMarkdown.propTypes = {
+  children: PropTypes__default.default.string.isRequired,
+  className: PropTypes__default.default.string
+};
+InlineMarkdown.defaultProps = {
+  className: undefined
+};
 
 var messages$c = reactIntl.defineMessages({
   opensInNewTab: {
@@ -4644,7 +4651,7 @@ const NavigationOption = /*#__PURE__*/React.forwardRef(({
   });
 });
 
-const Tile = ({
+function Tile({
   className,
   description,
   disabled,
@@ -4652,10 +4659,10 @@ const Tile = ({
   target,
   media,
   onClick,
-  size,
+  size = 'md',
   title
-}) => {
-  const isSmall = size === exports.Size.SMALL;
+}) {
+  const isSmall = size === 'sm';
   const Element = href ? 'a' : 'button';
   return /*#__PURE__*/jsxRuntime.jsxs(Element, {
     className: classNames__default.default('decision', 'flex-column', 'np-tile', 'text-no-decoration', 'text-xs-center', className, {
@@ -4664,12 +4671,12 @@ const Tile = ({
     }, disabled && 'disabled'),
     href: href,
     target: target,
-    onClick: disabled ? null : onClick,
-    onKeyDown: disabled ? null : ({
+    onClick: disabled ? undefined : onClick,
+    onKeyDown: disabled ? undefined : ({
       key
     }) => {
       if (key === 'Enter' || key === ' ') {
-        onClick();
+        onClick?.();
       }
     },
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -4686,29 +4693,7 @@ const Tile = ({
       children: description
     }) : null]
   });
-};
-Tile.propTypes = {
-  /** Classes to apply to the Tile container */
-  className: PropTypes__default.default.string,
-  description: PropTypes__default.default.node,
-  disabled: PropTypes__default.default.bool,
-  href: PropTypes__default.default.string,
-  target: PropTypes__default.default.oneOf(['_self', '_blank', '_parent', '_top']),
-  /** Accepts only Avatar and images */
-  media: PropTypes__default.default.node.isRequired,
-  /** Function called onClick or onKeyDown */
-  onClick: PropTypes__default.default.func,
-  /** The size applied to Tile */
-  size: PropTypes__default.default.oneOf(['sm', 'md']),
-  title: PropTypes__default.default.node.isRequired
-};
-Tile.defaultProps = {
-  className: '',
-  description: null,
-  disabled: false,
-  size: exports.Size.MEDIUM,
-  target: undefined
-};
+}
 
 exports.DecisionPresentation = void 0;
 (function (DecisionPresentation) {