design-react-kit 3.3.0 → 4.0.0

package/src/components/BottomNav/BottomNavItem.js

@@ -1,69 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-import Icon from '../Icon/Icon'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  className: PropTypes.string,
-  active: PropTypes.bool,
-  link: PropTypes.string,
-  label: PropTypes.string,
-  iconName: PropTypes.string,
-  srText: PropTypes.string,
-  alert: PropTypes.bool,
-  badge: PropTypes.bool
-}
-
-const defaultProps = {
-  tag: 'a',
-  link: '#',
-  iconName: 'it-comment',
-  srText: false
-}
-
-const BottomNavItem = ({
-  active,
-  badge,
-  alert,
-  link,
-  srText,
-  iconName,
-  label,
-  tag: Tag,
-  ...attributes
-}) => {
-  const activeClass = classNames(active ? 'active' : false)
-  const badgeWrapper = badge ? (
-    <div className="badge-wrapper">
-      <span className="bottom-nav-badge">{badge}</span>
-    </div>
-  ) : (
-    false
-  )
-  const alertWrapper = alert ? (
-    <div className="badge-wrapper">
-      <span className="bottom-nav-alert" />
-    </div>
-  ) : (
-    false
-  )
-  return (
-    <li {...attributes}>
-      <Tag href={link} className={activeClass}>
-        {badgeWrapper}
-        {alertWrapper}
-        <Icon icon={iconName} />
-        <span className="bottom-nav-label">
-          {label}
-          <span className="sr-only">{srText}</span>
-        </span>
-      </Tag>
-    </li>
-  )
-}
-
-BottomNavItem.propTypes = propTypes
-BottomNavItem.defaultProps = defaultProps
-
-export default BottomNavItem

package/src/components/Button/Button.js

@@ -1,26 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-import { Button as ButtonBase } from 'reactstrap'
-
-const propTypes = {
-  ...ButtonBase.propTypes,
-  icon: PropTypes.bool
-}
-
-const defaultProps = {
-  ...ButtonBase.defaultProps,
-  icon: false
-}
-
-const Button = ({ icon, className, ...attributes }) => {
-  const classes = classNames(className, {
-    'btn-icon': icon
-  })
-  return <ButtonBase className={classes} {...attributes} />
-}
-
-Button.propTypes = propTypes
-Button.defaultProps = defaultProps
-export default Button

package/src/components/Callout/Callout.js

@@ -1,33 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  color: PropTypes.string,
-  highlight: PropTypes.bool,
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-}
-
-const defaultProps = {
-  color: '',
-  highlight: false,
-  tag: 'div'
-}
-
-const Callout = ({ children, color, highlight, tag: Tag, ...attributes }) => {
-  const classes = classNames('callout', color, {
-    'callout-highlight': highlight
-  })
-  return (
-    <Tag className={classes} {...attributes}>
-      {children}
-    </Tag>
-  )
-}
-
-Callout.propTypes = propTypes
-Callout.defaultProps = defaultProps
-
-export default Callout

package/src/components/Callout/CalloutText.js

@@ -1,37 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  bigText: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-}
-
-const defaultProps = {
-  bigText: false,
-  tag: 'p'
-}
-
-const CalloutText = ({
-  bigText,
-  children,
-  className,
-  tag: Tag,
-  ...attributes
-}) => {
-  const classes = classNames(className, {
-    'callout-big-text': bigText
-  })
-  return (
-    <Tag className={classes} {...attributes}>
-      {children}
-    </Tag>
-  )
-}
-
-CalloutText.propTypes = propTypes
-CalloutText.defaultProps = defaultProps
-
-export default CalloutText

package/src/components/Callout/CalloutTitle.js

@@ -1,27 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-}
-
-const defaultProps = {
-  tag: 'div'
-}
-
-const CalloutTitle = ({ children, className, tag: Tag, ...attributes }) => {
-  const classes = classNames(className, 'callout-title')
-  return (
-    <Tag className={classes} {...attributes}>
-      {children}
-    </Tag>
-  )
-}
-
-CalloutTitle.propTypes = propTypes
-CalloutTitle.defaultProps = defaultProps
-
-export default CalloutTitle

package/src/components/Card/Card.js

@@ -1,50 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-import { Card as CardBase } from 'reactstrap'
-
-const propTypes = {
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  ...CardBase.propTypes,
-  teaser: PropTypes.bool,
-  spacing: PropTypes.bool,
-  noWrapper: PropTypes.bool,
-  wrapperClassName: PropTypes.string
-}
-
-const defaultProps = {
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  ...CardBase.defaultProps,
-  noWrapper: false
-}
-
-const Card = ({
-  teaser,
-  spacing,
-  noWrapper,
-  wrapperClassName,
-  ...attributes
-}) => {
-  const wrapperClasses = classNames('card-wrapper', wrapperClassName, {
-    'card-space': spacing,
-    'card-teaser-wrapper': teaser
-  })
-  const cardClasses = classNames(attributes.className, {
-    'card-teaser': teaser
-  })
-
-  if (noWrapper) {
-    return <CardBase {...attributes} className={cardClasses} />
-  }
-
-  return (
-    <div className={wrapperClasses}>
-      <CardBase {...attributes} className={cardClasses} />
-    </div>
-  )
-}
-
-Card.propTypes = propTypes
-Card.defaultProps = defaultProps
-
-export default Card

package/src/components/Card/CardCategory.js

@@ -1,43 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-import Icon from '../Icon/Icon'
-
-const propTypes = {
-  iconName: PropTypes.string,
-  date: PropTypes.string,
-  href: PropTypes.string
-}
-
-const CardCategory = props => {
-  const { iconName, date, href, ...attributes } = props
-  const { children, ...rest } = attributes
-  const classes = classNames({
-    'category-top': date || ' ',
-    'categoryicon-top': iconName
-  })
-  // Simple category link
-  const categoryLink = !iconName && (
-    <a href={href} className="category">
-      {children}
-    </a>
-  )
-  const categoryDate = date && <span className="data">{date}</span>
-  // Category with icon
-  const categoryText = iconName && <span className="text">{children}</span>
-  const categoryIcon = iconName && <Icon icon={iconName} />
-
-  return (
-    <div className={classes} {...rest}>
-      {categoryLink}
-      {categoryIcon}
-      {categoryText}
-      {categoryDate}
-    </div>
-  )
-}
-
-CardCategory.propTypes = propTypes
-
-export default CardCategory

package/src/components/Card/CardFooterCTA.js

@@ -1,17 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  className: PropTypes.string
-}
-
-const CardFooterCTA = props => {
-  const { className, ...attributes } = props
-  const classes = classNames(className, 'it-card-footer')
-  return <div className={classes} {...attributes} />
-}
-
-CardFooterCTA.propTypes = propTypes
-
-export default CardFooterCTA

package/src/components/Card/CardReadMore.js

@@ -1,45 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-import Icon from '../Icon/Icon'
-
-const propTypes = {
-  className: PropTypes.string,
-  iconName: PropTypes.string,
-  href: PropTypes.string,
-  text: PropTypes.string,
-  tag: PropTypes.oneOfType([
-    PropTypes.func,
-    PropTypes.string,
-    PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func }),
-    PropTypes.arrayOf(
-      PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.string,
-        PropTypes.shape({ $$typeof: PropTypes.symbol, render: PropTypes.func })
-      ])
-    )
-  ])
-}
-
-const defaultProps = {
-  tag: 'a',
-  iconName: 'it-arrow-right'
-}
-
-const CardReadMore = props => {
-  const { className, text, iconName, tag: Tag, href, ...attributes } = props
-  const classes = classNames(className, 'read-more')
-  return (
-    <Tag className={classes} href={href} {...attributes}>
-      <span className="text">{text}</span>
-      {iconName && <Icon icon={iconName} />}
-    </Tag>
-  )
-}
-
-CardReadMore.propTypes = propTypes
-CardReadMore.defaultProps = defaultProps
-
-export default CardReadMore

package/src/components/Card/CardSignature.js

@@ -1,17 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  className: PropTypes.string
-}
-
-const CardSignature = props => {
-  const { className, ...attributes } = props
-  const classes = classNames(className, 'card-signature')
-  return <span className={classes} {...attributes} />
-}
-
-CardSignature.propTypes = propTypes
-
-export default CardSignature

package/src/components/Card/CardTag.js

@@ -1,23 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  tag: PropTypes.string,
-  className: PropTypes.string
-}
-
-const defaultProps = {
-  tag: 'a'
-}
-
-const CardTag = props => {
-  const { className, tag: Tag, ...attributes } = props
-  const classes = classNames(className, 'card-tag')
-  return <Tag className={classes} {...attributes} />
-}
-
-CardTag.propTypes = propTypes
-CardTag.defaultProps = defaultProps
-
-export default CardTag

package/src/components/Card/CardTagsHeader.js

@@ -1,21 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-const propTypes = {
-  children: PropTypes.node,
-  date: PropTypes.string
-}
-
-const CardTagsHeader = props => {
-  const { date, children, ...attributes } = props
-  return (
-    <div className="head-tags" {...attributes}>
-      {children}
-      {date && <span className="data">{date}</span>}
-    </div>
-  )
-}
-
-CardTagsHeader.propTypes = propTypes
-
-export default CardTagsHeader

package/src/components/Chips/Chip.js

@@ -1,50 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /** Classi aggiuntive da usare per il componente Chip */
-  className: PropTypes.string,
-  /** Impostarlo su `true` per centrare la label all'interno */
-  simple: PropTypes.bool,
-  /** Impostarlo su `true` per una versione più grande del componente Chip. */
-  large: PropTypes.bool,
-  /** Impostarlo su `true` per renderizzare il componente Chip come disabilitato */
-  disabled: PropTypes.bool,
-  color: PropTypes.string
-}
-
-const defaultProps = {
-  tag: 'div',
-  simple: false,
-  large: false,
-  disabled: false,
-  color: ''
-}
-
-const Chip = props => {
-  const {
-    className,
-    color,
-    tag: Tag,
-    simple,
-    large,
-    disabled,
-    ...attributes
-  } = props
-  const classes = classNames('chip', className, {
-    'chip-simple': simple,
-    'chip-lg': large,
-    'chip-disabled': disabled,
-    [`chip-${color}`]: color
-  })
-
-  return <Tag className={classes} {...attributes} />
-}
-
-Chip.propTypes = propTypes
-Chip.defaultProps = defaultProps
-
-export default Chip

package/src/components/Chips/ChipLabel.js

@@ -1,25 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /** Classi aggiuntive da usare per il componente ChipLabel */
-  className: PropTypes.string
-}
-
-const defaultProps = {
-  tag: 'span'
-}
-
-const ChipLabel = props => {
-  const { className, tag: Tag, ...attributes } = props
-  const classes = classNames(className, 'chip-label')
-  return <Tag {...attributes} className={classes} />
-}
-
-ChipLabel.propTypes = propTypes
-ChipLabel.defaultProps = defaultProps
-
-export default ChipLabel

package/src/components/Collapse/Collapse.js

@@ -1,66 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-import { Collapse as CollapseBase } from 'reactstrap'
-
-const propTypes = {
-  ...CollapseBase.propTypes, // eslint-disable-line react/forbid-foreign-prop-types
-  /** Indica se il componente Collapse è usato all'interno di un componente Header */
-  header: PropTypes.bool,
-  /** Indica se il menu HeaderNav sia aperto o meno. Usato unicamente nel caso della HeaderNav, ovvero con navbar e header entrambi true */
-  inOpen: PropTypes.bool,
-  /** Funzione chiamata su click di overlay dell'HeaderNav aperto. Usato unicamente nel caso della HeaderNav, ovvero con navbar e header entrambi true */
-  onOverlayClick: PropTypes.func
-}
-
-const Collapse = ({
-  header,
-  className,
-  navbar,
-  children,
-  isOpen,
-  onOverlayClick,
-  ...attributes
-}) => {
-  if (navbar && header) {
-    const classes = classNames(className, 'navbar-collapsable', {
-      expanded: isOpen
-    })
-    return (
-      <CollapseBase
-        className={classes}
-        navbar={navbar}
-        style={{ display: isOpen ? 'block' : 'none' }}
-        {...attributes}>
-        <div
-          className="overlay"
-          style={{ display: isOpen ? 'block' : 'none' }}
-          onClick={onOverlayClick}></div>
-        <div className="close-div sr-only">
-          <button className="btn close-menu" type="button">
-            <span className="it-close"></span>close
-          </button>
-        </div>
-        {children}
-      </CollapseBase>
-    )
-  }
-  const classes = classNames(className, {
-    'link-list-wrapper': header
-  })
-
-  return (
-    <CollapseBase
-      className={classes}
-      {...attributes}
-      navbar={navbar}
-      isOpen={isOpen}>
-      {children}
-    </CollapseBase>
-  )
-}
-
-Collapse.propTypes = propTypes
-Collapse.defaultProps = CollapseBase.defaultProps
-export default Collapse

package/src/components/CookieBar/CookieBar.js

@@ -1,22 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  className: PropTypes.string
-}
-
-const defaultProps = {
-  tag: 'div'
-}
-
-function CookieBar(props) {
-  const { className, tag: Tag, ...attributes } = props
-  const wrapperClasses = classNames('cookiebar show', className)
-  return <Tag {...attributes} className={wrapperClasses} />
-}
-
-CookieBar.propTypes = propTypes
-CookieBar.defaultProps = defaultProps
-export default CookieBar

package/src/components/CookieBar/CookieBarButton.js

@@ -1,25 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  className: PropTypes.string
-}
-
-const defaultProps = {
-  tag: 'button'
-}
-
-class CookieBarButton extends React.Component {
-  render() {
-    const { tag: Tag, className, ...attributes } = this.props
-    const activeClass = classNames(className, 'cookiebar-btn')
-    return <Tag href className={activeClass} {...attributes} />
-  }
-}
-
-CookieBarButton.propTypes = propTypes
-CookieBarButton.defaultProps = defaultProps
-
-export default CookieBarButton

package/src/components/CookieBar/CookieBarButtons.js

@@ -1,23 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  className: PropTypes.string
-}
-
-const defaultProps = {
-  tag: 'div'
-}
-
-const CookieBarButtons = props => {
-  const { className, tag: Tag, ...attributes } = props
-  const buttonClasses = classNames(className, 'cookiebar-buttons')
-  return <Tag className={buttonClasses} {...attributes} />
-}
-
-CookieBarButtons.propTypes = propTypes
-CookieBarButtons.defaultProps = defaultProps
-
-export default CookieBarButtons

package/src/components/Dimmer/Dimmer.js

@@ -1,38 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-import Icon from '../Icon/Icon'
-
-const propTypes = {
-  icon: PropTypes.string,
-  color: PropTypes.string,
-  className: PropTypes.string
-}
-
-const Dimmer = props => {
-  const { icon, color, className, ...attributes } = props
-  const { children, ...rest } = attributes
-  const classes = classNames('dimmer', className, {
-    [`dimmer-${color}`]: color
-  })
-  const innerClasses = classNames('dimmer-inner', className)
-  const dimmerIcon = icon && (
-    <div className="dimmer-icon">
-      <Icon icon={icon} />
-    </div>
-  )
-
-  return (
-    <div className={classes} {...rest} style={{ display: 'flex' }}>
-      <div className={innerClasses} {...rest}>
-        {dimmerIcon}
-        {children}
-      </div>
-    </div>
-  )
-}
-
-Dimmer.propTypes = propTypes
-
-export default Dimmer