@zohodesk/dot 1.0.0-temp-187.22 → 1.0.0-temp-187.23

package/es/v1/dropdown/ToggleDropDown/props/defaultProps.js

@@ -1,29 +0,0 @@
-export const defaultProps = {
-  keyName: 'value',
-  idName: 'id',
-  isArrow: true,
-  searchBoxSize: 'small',
-  isDisabled: false,
-  showIconOnHover: false,
-  showOnHover: false,
-  isReadOnly: false,
-  isEditable: true,
-  isDataLoaded: true,
-  needTick: true,
-  needResponsive: true,
-  arrowIconPosition: 'default',
-  groupOptionsKey: 'items',
-  groupNameKey: 'name',
-  isPadding: true,
-  isToggleStateNeeded: false,
-  isNeedEffect: true,
-  hoverType: 'default',
-  needExternalPopupState: false,
-  customProps: {},
-  preventPopupClose: false,
-  dataSelectorId: 'toggleDropdown',
-  needMultiLineText: false,
-  isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false,
-  customClass: {}
-};

package/es/v1/dropdown/ToggleDropDown/props/propTypes.js

@@ -1,83 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  activeStyle: PropTypes.string,
-  arrowIconPosition: PropTypes.oneOf(['default', 'overlay']),
-  bottom: PropTypes.number,
-  boxPosition: PropTypes.oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
-  boxSize: PropTypes.oneOf(['xsmall', 'small', 'medium', 'mlarge', 'large']),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataSelectorId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getNextOptions: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  groupNameKey: PropTypes.string,
-  groupOptionsKey: PropTypes.string,
-  hoverStyle: PropTypes.string,
-  hoverType: PropTypes.oneOf(['default', 'border', 'bg']),
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  idName: PropTypes.string,
-  isArrow: PropTypes.bool,
-  isDataLoaded: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isEditable: PropTypes.bool,
-  isGroupDropDown: PropTypes.bool,
-  isNeedEffect: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
-  isPadding: PropTypes.bool,
-  isPopupActive: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  isPopupReady: PropTypes.bool,
-  isReadOnly: PropTypes.bool,
-  isSearch: PropTypes.bool,
-  isToggleStateNeeded: PropTypes.bool,
-  keyName: PropTypes.string,
-  left: PropTypes.number,
-  needExternalPopupState: PropTypes.bool,
-  needResponsive: PropTypes.bool,
-  needSearchFetching: PropTypes.bool,
-  needTick: PropTypes.bool,
-  onClick: PropTypes.func,
-  onSearch: PropTypes.func,
-  options: PropTypes.array.isRequired,
-  palette: PropTypes.oneOf(['dark']),
-  placeHolderText: PropTypes.string,
-  position: PropTypes.string,
-  removeClose: PropTypes.func,
-  right: PropTypes.number,
-  searchBoxSize: PropTypes.oneOf(['small', 'medium', 'xmedium']),
-  searchEmptyHint: PropTypes.string,
-  searchErrorText: PropTypes.string,
-  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  showIconOnHover: PropTypes.bool,
-  showOnHover: PropTypes.bool,
-  title: PropTypes.string,
-  togglePopup: PropTypes.func,
-  value: PropTypes.node,
-  onDropDownOpen: PropTypes.func,
-  onDropDownClose: PropTypes.func,
-  getFooter: PropTypes.func,
-  customProps: PropTypes.shape({
-    ToggleDropDownProps: PropTypes.object,
-    DropBoxProps: PropTypes.object,
-    TextBoxIconProps: PropTypes.object,
-    ListItemWithIconProps: PropTypes.object,
-    ListItemProps: PropTypes.object
-  }),
-  preventPopupClose: PropTypes.bool,
-  needMultiLineText: PropTypes.bool,
-  customClass: PropTypes.shape({
-    customDropBox: PropTypes.string,
-    customListBox: PropTypes.string
-  }),
-  onSelectLabel: PropTypes.func,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isRestrictScroll: PropTypes.bool,
-  positionsOffset: PropTypes.object,
-  targetOffset: PropTypes.object,
-  from: PropTypes.string,
-  top: PropTypes.number
-};

package/es/v1/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import Link from "../../Link/Link";
-import style from "../../../emptystate/CommonEmptyState/CommonEmptyState.module.css";
-export default function CommonEmptyState(props) {
-  let {
-    title,
-    description,
-    linkDescription,
-    linkUrl,
-    linkText,
-    linkTarget,
-    onUrlClick,
-    getEmptyState,
-    className,
-    dataId,
-    isFluid,
-    children,
-    size,
-    palette,
-    customClass
-  } = props;
-  let {
-    titleClass = '',
-    descriptionClass = ''
-  } = customClass;
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${style.container} ${style[size]} ${className} ${!isFluid ? style.fluid : ''} ${style[palette]}`,
-    "data-id": dataId,
-    "data-test-id": dataId
-  }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/React.createElement("div", {
-    tabIndex: "0",
-    className: `${style.title} ${titleClass}`
-  }, title) : null, description ? /*#__PURE__*/React.createElement("div", {
-    className: style.linkWrapper
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${style.desc} ${descriptionClass}`
-  }, description), !linkDescription && linkText ? /*#__PURE__*/React.createElement(Link, {
-    href: linkUrl,
-    className: style.link,
-    target: linkTarget,
-    onClick: onUrlClick,
-    dataId: `${dataId}_primarylink`
-  }, linkText) : null) : null, linkDescription || !description && !linkDescription && linkText ? /*#__PURE__*/React.createElement("div", {
-    className: style.linkDescWrapper
-  }, linkDescription ? /*#__PURE__*/React.createElement("span", {
-    className: `${style.linkDesc}`
-  }, linkDescription) : null, linkText ? /*#__PURE__*/React.createElement(Link, {
-    href: linkUrl,
-    className: style.link,
-    target: linkTarget,
-    onClick: onUrlClick,
-    dataId: `${dataId}_secondarylink`
-  }, linkText) : null) : null, children ? /*#__PURE__*/React.createElement("div", {
-    className: style.children
-  }, children) : null);
-}
-CommonEmptyState.propTypes = propTypes;
-CommonEmptyState.defaultProps = defaultProps; // if (__DOCS__) {
-//   CommonEmptyState.docs = {
-//     componentGroup: 'EmptyState'
-//   };
-// }

package/es/v1/emptystate/CommonEmptyState/props/defaultProps.js

@@ -1,10 +0,0 @@
-export const defaultProps = {
-  linkTarget: '_self',
-  className: '',
-  linkUrl: '#',
-  dataId: 'emptyState',
-  isFluid: false,
-  size: 'medium',
-  palette: 'default',
-  customClass: {}
-};

package/es/v1/emptystate/CommonEmptyState/props/propTypes.js

@@ -1,21 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  description: PropTypes.string,
-  getEmptyState: PropTypes.func,
-  isFluid: PropTypes.bool,
-  linkDescription: PropTypes.string,
-  linkTarget: PropTypes.oneOf(['_blank', '_self']),
-  linkText: PropTypes.string,
-  linkUrl: PropTypes.string,
-  onUrlClick: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'medium']),
-  title: PropTypes.string,
-  palette: PropTypes.oneOf(['default', 'dark']),
-  customClass: PropTypes.shape({
-    titleClass: PropTypes.string,
-    descriptionClass: PropTypes.string
-  })
-};

package/es/v1/emptystate/EditionPage/EditionPage.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import EmptyCrmPotential from '@zohodesk/svg/es/v1/emptystate/version3/EmptyCrmPotential';
-import style from "../../../emptystate/EditionPage/EditionPage.css";
-export default function EditionPage(props) {
-  let {
-    title,
-    subtitle,
-    information,
-    dataId,
-    footerText,
-    onButtonClick,
-    butttonText,
-    children
-  } = props;
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.editionContainer,
-    "data-id": dataId,
-    "data-test-id": dataId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.svg
-  }, /*#__PURE__*/React.createElement(EmptyCrmPotential, null)), /*#__PURE__*/React.createElement("div", {
-    className: style.header
-  }, title), subtitle ? /*#__PURE__*/React.createElement("div", {
-    className: style.description
-  }, subtitle) : null, /*#__PURE__*/React.createElement("div", {
-    className: style.description
-  }, information ? `${information} ` : null, butttonText ? /*#__PURE__*/React.createElement("span", {
-    className: style.button,
-    "data-id": `${dataId}_button`,
-    "data-test-id": `${dataId}_button`,
-    onClick: onButtonClick
-  }, butttonText) : null), children ? /*#__PURE__*/React.createElement("div", {
-    className: style.content
-  }, children) : null, footerText ? /*#__PURE__*/React.createElement("div", {
-    "data-id": `${dataId}_footerText`,
-    "data-test-id": `${dataId}_footerText`,
-    className: style.footer
-  }, /*#__PURE__*/React.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: footerText
-    }
-  })) : null);
-}
-EditionPage.defaultProps = defaultProps;
-EditionPage.propTypes = propTypes; // if (__DOCS__) {
-//   EditionPage.docs = {
-//     componentGroup: 'EmptyState'
-//   };
-// }

package/es/v1/emptystate/EditionPage/props/defaultProps.js

@@ -1,5 +0,0 @@
-export const defaultProps = {
-  title: '',
-  subtitle: '',
-  dataId: 'edition'
-};

package/es/v1/emptystate/EditionPage/props/propTypes.js

@@ -1,11 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataId: PropTypes.string,
-  footerText: PropTypes.string,
-  title: PropTypes.string,
-  subtitle: PropTypes.string,
-  information: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  butttonText: PropTypes.string,
-  children: PropTypes.node
-};

package/es/v1/errorstate/Inconvenience/Inconvenience.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorInconvenience from '@zohodesk/svg/es/v1/errorstate/version3/ErrorInconvenience';
-import Button from '@zohodesk/components/es/v1/Button/Button';
-import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
-import style from "../../../version2/errorstate/V2_ErrorStates.module.css";
-export default function Inconvenience(props) {
-  function errorInconvenience() {
-    return /*#__PURE__*/React.createElement(ErrorInconvenience, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorInconvenience,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: "primaryFilled",
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
-  }) : null));
-}
-Inconvenience.propTypes = propTypes;
-Inconvenience.defaultProps = defaultProps;

package/es/v1/errorstate/Inconvenience/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  dataId: 'inconvenience',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};

package/es/v1/errorstate/Inconvenience/props/propTypes.js

@@ -1,16 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};

package/es/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorOopsSomethingMiss from '@zohodesk/svg/es/v1/errorstate/version3/ErrorOopsSomethingMiss';
-import Button from '@zohodesk/components/es/v1/Button/Button';
-import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
-import style from "../../../version2/errorstate/V2_ErrorStates.module.css";
-export default function OopsSomethingMiss(props) {
-  function errorOopsSomethingMiss() {
-    return /*#__PURE__*/React.createElement(ErrorOopsSomethingMiss, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorOopsSomethingMiss,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: "secondary",
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick,
-    dataId: "goBack"
-  }) : null));
-}
-OopsSomethingMiss.propTypes = propTypes;
-OopsSomethingMiss.defaultProps = defaultProps; // if (__DOCS__) {
-//   OopsSomethingMiss.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/OopsSomethingMiss/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  dataId: 'oopssomethingmiss',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};

package/es/v1/errorstate/OopsSomethingMiss/props/propTypes.js

@@ -1,16 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};

package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorUnableToProcessRequest from '@zohodesk/svg/es/v1/errorstate/version3/ErrorUnableToProcessRequest';
-import Button from '@zohodesk/components/es/v1/Button/Button';
-import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
-import style from "../../../version2/errorstate/V2_ErrorStates.module.css";
-export default function UnableToProcessRequest(props) {
-  function errorUnableToProcess() {
-    return /*#__PURE__*/React.createElement(ErrorUnableToProcessRequest, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorUnableToProcess,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: "primaryFilled",
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
-  }) : null));
-}
-UnableToProcessRequest.propTypes = propTypes;
-UnableToProcessRequest.defaultProps = defaultProps; // if (__DOCS__) {
-//   UnableToProcessRequest.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/UnableToProcessRequest/props/defaultProps.js

@@ -1,8 +0,0 @@
-export const defaultProps = {
-  dataId: 'unabletoprocessrequest',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  size: 'large'
-};

package/es/v1/errorstate/UnableToProcessRequest/props/propTypes.js

@@ -1,16 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};

package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { Container } from '@zohodesk/components/es/v1/Layout';
-import ErrorUnauthorizedLogin from '@zohodesk/svg/es/v1/errorstate/version3/ErrorUnauthorizedLogin';
-import Button from '@zohodesk/components/es/v1/Button/Button';
-import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
-import style from "../../../version2/errorstate/V2_ErrorStates.module.css";
-export default function UnauthorizedLogin(props) {
-  function errorUnauthorizedLogin() {
-    return /*#__PURE__*/React.createElement(ErrorUnauthorizedLogin, {
-      className: style.errorSvg
-    });
-  }
-
-  let {
-    title,
-    description,
-    isButtonNeeded,
-    className,
-    isFluid,
-    dataId,
-    buttonText,
-    buttonPalette,
-    onButtonClick,
-    urlText,
-    url,
-    onClick,
-    urlTarget,
-    size
-  } = props;
-  return /*#__PURE__*/React.createElement(Container, {
-    scroll: "vertical",
-    className: `${style.container} ${style[size]}`
-  }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-    title: title,
-    description: description,
-    getEmptyState: errorUnauthorizedLogin,
-    className: `${style.errorState} ${className}`,
-    isFluid: isFluid,
-    dataId: dataId,
-    linkUrl: url,
-    linkText: urlText,
-    onUrlClick: onClick,
-    linkTarget: urlTarget,
-    customClass: {
-      titleClass: style.title,
-      descriptionClass: style.desc
-    }
-  }, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
-    palette: buttonPalette,
-    text: buttonText,
-    customClass: {
-      customButton: style.errorBtn
-    },
-    onClick: onButtonClick,
-    dataId: `${dataId}_button`
-  }) : null));
-}
-UnauthorizedLogin.propTypes = propTypes;
-UnauthorizedLogin.defaultProps = defaultProps; // if (__DOCS__) {
-//   UnauthorizedLogin.docs = {
-//     componentGroup: 'errorStates'
-//   };
-// }

package/es/v1/errorstate/UnauthorizedLogin/props/defaultProps.js

@@ -1,9 +0,0 @@
-export const defaultProps = {
-  dataId: 'permissionPlay',
-  isButtonNeeded: false,
-  className: '',
-  isFluid: true,
-  urlTarget: '_self',
-  buttonPalette: 'primaryFilled',
-  size: 'large'
-};

package/es/v1/errorstate/UnauthorizedLogin/props/propTypes.js

@@ -1,17 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
-  isButtonNeeded: PropTypes.bool,
-  className: PropTypes.string,
-  isFluid: PropTypes.bool,
-  dataId: PropTypes.string,
-  buttonText: PropTypes.string,
-  onButtonClick: PropTypes.func,
-  urlText: PropTypes.string,
-  url: PropTypes.string,
-  onClick: PropTypes.func,
-  urlTarget: PropTypes.oneOf(['_blank', '_self']),
-  buttonPalette: PropTypes.oneOf(['primaryFilled', 'secondary']),
-  size: PropTypes.oneOf(['large', 'medium', 'small'])
-};