design-react-kit 3.3.3 → 4.0.0

package/src/components/Spinner/Spinner.js

@@ -1,65 +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,
-  active: PropTypes.bool,
-  small: PropTypes.bool,
-  double: PropTypes.bool
-}
-
-const defaultProps = {
-  tag: 'span',
-  active: false,
-  small: false,
-  double: false
-}
-
-class Spinner extends React.Component {
-  render() {
-    const {
-      className,
-      tag: Tag,
-      active,
-      small,
-      double,
-      ...attributes
-    } = this.props
-
-    const wrapperClasses = classNames(
-      active ? 'progress-spinner-active' : false,
-      small ? 'size-sm' : false,
-      double ? 'progress-spinner-double' : false,
-      'progress-spinner'
-    )
-    const innerClasses = classNames('progress-spinner-inner')
-
-    const classes = classNames(className, 'sr-only')
-    if (double) {
-      return (
-        <Tag className={wrapperClasses}>
-          <div className={innerClasses} />
-          <div className={innerClasses} />
-          <Tag {...attributes} className={classes}>
-            Caricamento...
-          </Tag>
-        </Tag>
-      )
-    }
-
-    return (
-      <Tag className={wrapperClasses}>
-        <Tag {...attributes} className={classes}>
-          Caricamento...
-        </Tag>
-      </Tag>
-    )
-  }
-}
-
-Spinner.propTypes = propTypes
-Spinner.defaultProps = defaultProps
-
-export default Spinner

package/src/components/Stepper/StepperContainer.js

@@ -1,33 +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,
-  children: PropTypes.element,
-  dark: PropTypes.string,
-  mobile: PropTypes.bool
-}
-
-const defaultProps = {
-  tag: 'div'
-}
-
-const StepperContainer = props => {
-  const { tag: Tag, children, mobile, dark, ...attributes } = props
-  const wrapperClass = classNames(
-    'steppers',
-    { 'bg-dark': dark },
-    { 'mobile-examples': mobile }
-  )
-  return (
-    <Tag {...attributes} className={wrapperClass}>
-      {children}
-    </Tag>
-  )
-}
-
-StepperContainer.propTypes = propTypes
-StepperContainer.defaultProps = defaultProps
-export default StepperContainer

package/src/components/Stepper/StepperContent.js

@@ -1,54 +0,0 @@
-import React from 'react'
-import classNames from 'classnames'
-import PropTypes from 'prop-types'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  className: PropTypes.string,
-  children: PropTypes.element,
-  dark: PropTypes.bool
-}
-
-const defaultProps = {
-  tag: 'div'
-}
-
-const contentStyleLight = {
-  height: '400px',
-  border: '2px dashed #eee',
-  background: '#fafafa',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  color: '#333'
-}
-
-const contentStyleDark = {
-  height: '400px',
-  border: '2px dashed #eee',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  color: '#EEE',
-  borderColor: '#aaa',
-  background: '#17324d',
-  opacity: 0.5
-}
-
-const StepperContent = props => {
-  const { tag: Tag, children, dark, ...attributes } = props
-  const wrapperClass = classNames('steppers-content')
-  return (
-    <Tag
-      {...attributes}
-      className={wrapperClass}
-      style={(dark && contentStyleDark) || contentStyleLight}
-      aria-live="polite">
-      {children}
-    </Tag>
-  )
-}
-
-StepperContent.propTypes = propTypes
-StepperContent.defaultProps = defaultProps
-export default StepperContent

package/src/components/Stepper/StepperDots.js

@@ -1,27 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  classNames: PropTypes.string,
-  children: PropTypes.element
-}
-
-const defaultProps = {
-  tag: 'ul'
-}
-
-const StepperDots = props => {
-  const { tag: Tag, children, ...attributes } = props
-  const wrapperClass = classNames('steppers-dots')
-  return (
-    <Tag {...attributes} className={wrapperClass}>
-      {children}
-    </Tag>
-  )
-}
-
-StepperDots.propTypes = propTypes
-StepperDots.defaultProps = defaultProps
-export default StepperDots

package/src/components/Stepper/StepperHeader.js

@@ -1,27 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  classNames: PropTypes.string,
-  children: PropTypes.element
-}
-
-const defaultProps = {
-  tag: 'ul'
-}
-
-const StepperHeader = props => {
-  const { tag: Tag, children, ...attributes } = props
-  const wrapperClass = classNames('steppers-header')
-  return (
-    <Tag {...attributes} className={wrapperClass}>
-      {children}
-    </Tag>
-  )
-}
-
-StepperHeader.propTypes = propTypes
-StepperHeader.defaultProps = defaultProps
-export default StepperHeader

package/src/components/Stepper/StepperHeaderElement.js

@@ -1,45 +0,0 @@
-import React from 'react'
-import classNames from 'classnames'
-import PropTypes from 'prop-types'
-import Icon from '../Icon/Icon'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  className: PropTypes.string,
-  variant: PropTypes.string,
-  children: PropTypes.element,
-  icon: PropTypes.string,
-  iconName: PropTypes.string,
-  stepperNumber: PropTypes.element,
-  noLine: PropTypes.bool
-}
-
-const defaultProps = {}
-
-const StepperHeaderElement = props => {
-  const {
-    tag: Tag,
-    variant,
-    icon,
-    iconName,
-    noLine,
-    stepperNumber,
-    children,
-    ...attributes
-  } = props
-  const wrapperClasses = classNames(variant, { 'no-line': noLine })
-  const iconClass = classNames('icon', 'steppers-success')
-  const spanClass = classNames('steppers-number')
-  return (
-    <li {...attributes} className={wrapperClasses}>
-      {iconName && <Icon icon={iconName} />}
-      {stepperNumber && <span className={spanClass}>{stepperNumber}</span>}
-      {children}
-      {icon && <Icon icon={icon} className={iconClass} />}
-    </li>
-  )
-}
-
-StepperHeaderElement.propTypes = propTypes
-StepperHeaderElement.defaultProps = defaultProps
-export default StepperHeaderElement

package/src/components/Stepper/StepperNav.js

@@ -1,27 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  classNames: PropTypes.string,
-  children: PropTypes.element
-}
-
-const defaultProps = {
-  tag: 'nav'
-}
-
-const StepperNav = props => {
-  const { tag: Tag, children, ...attributes } = props
-  const wrapperClass = classNames('steppers-nav')
-  return (
-    <Tag {...attributes} className={wrapperClass}>
-      {children}
-    </Tag>
-  )
-}
-
-StepperNav.propTypes = propTypes
-StepperNav.defaultProps = defaultProps
-export default StepperNav

package/src/components/Table/Table.js

@@ -1,68 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import $ from 'jquery'
-
-class Table extends React.Component {
-  static propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    bordered: PropTypes.bool,
-    compact: PropTypes.bool,
-    striped: PropTypes.bool,
-    hoverable: PropTypes.bool,
-    responsive: PropTypes.bool
-  }
-
-  defaultProps = {
-    bordered: true
-  }
-
-  componentDidMount() {
-    if (this.props.responsive) {
-      $(this.table).trigger('enhance.tablesaw')
-    }
-  }
-
-  render() {
-    const {
-      children,
-      className,
-      bordered,
-      compact,
-      striped,
-      hoverable,
-      responsive,
-      ...rest
-    } = this.props
-
-    if (responsive) {
-      // eslint-disable-next-line
-      console.info('TODO: responsive behaviour not implemented yet!');
-    }
-
-    const styles = classnames(
-      {
-        Table: true,
-        'Table--withBorder': bordered,
-        'Table--compact': compact,
-        'Table--striped': striped,
-        'Table--hover': hoverable
-      },
-      className
-    )
-
-    return (
-      <table
-        ref={el => {
-          this.table = el
-        }}
-        className={styles}
-        {...rest}>
-        {children}
-      </table>
-    )
-  }
-}
-
-export default Table

package/src/components/ThumbNav/ThumbNav.js

@@ -1,44 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-const propTypes = {
-  children: PropTypes.element,
-  fixedWidth: PropTypes.bool,
-  isSmall: PropTypes.bool,
-  isVertical: PropTypes.bool,
-  noZoomOnHover: PropTypes.bool,
-  overlayOnHover: PropTypes.oneOf(['black', 'primary']),
-  position: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
-  rowItems: PropTypes.oneOf([2, 3, 4, 5])
-}
-
-const defaultProps = {
-  fixedWidth: false,
-  isSmall: false,
-  isVertical: false,
-  noZoomOnHover: false
-}
-
-class ThumbNav extends React.Component {
-  render() {
-    const classes = classNames('thumb-nav', {
-      'thumb-nav-fixed': this.props.fixedWidth,
-      'thumb-nav-small': this.props.isSmall,
-      'thumb-nav-vertical': this.props.isVertical,
-      'thumb-nav-nozoom': this.props.noZoomOnHover,
-      [`thumb-nav-${this.props.overlayOnHover}`]: this.props.overlayOnHover,
-      [`thumb-nav-${this.props.position}`]: this.props.position,
-      'thumb-nav-auto': this.props.rowItems != null,
-      [`thumb-nav-auto-${this.props.rowItems}`]:
-        typeof this.props.rowItems === 'number'
-    })
-
-    return <ul className={classes}>{this.props.children}</ul>
-  }
-}
-
-ThumbNav.propTypes = propTypes
-ThumbNav.defaultProps = defaultProps
-
-export default ThumbNav

package/src/components/ThumbNav/ThumbNavItem.js

@@ -1,36 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-import resizer from 'bootstrap-italia/dist/assets/resizer-3x2.svg'
-
-const propTypes = {
-  active: PropTypes.bool,
-  targetUrl: PropTypes.string,
-  imageUrl: PropTypes.string.isRequired,
-  actionDescription: PropTypes.string
-}
-
-const defaultProps = {
-  active: false
-}
-
-class ThumbNavItem extends React.Component {
-  render() {
-    const classes = classNames({ active: this.props.active })
-
-    return (
-      <li>
-        <img src={resizer} className="thumb-nav-resizer" aria-hidden="true" />
-        <a href={this.props.targetUrl} className={classes}>
-          <img src={this.props.imageUrl} alt={this.props.actionDescription} />
-        </a>
-      </li>
-    )
-  }
-}
-
-ThumbNavItem.propTypes = propTypes
-ThumbNavItem.defaultProps = defaultProps
-
-export default ThumbNavItem

package/src/components/Timeline/TimelinePin.js

@@ -1,59 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-import Icon from '../Icon/Icon'
-
-const TimelinePin = props => {
-  const { icon, label, past, now, nowText, className, ...attributes } = props
-  const { children, ...rest } = attributes
-  const classes = classNames('timeline-element', className)
-  const innerClasses = classNames('it-pin-wrapper', className, {
-    'it-evidence': past,
-    'it-now': now
-  })
-  const pinIcon = (
-    <div className="pin-icon">
-      <Icon icon={icon} />
-    </div>
-  )
-  const pinLabel = (
-    <div className="pin-text">
-      <span>{label}</span>
-    </div>
-  )
-
-  const pinTextNow = now && (
-    <span className="it-now-label d-none d-lg-flex">{nowText}</span>
-  )
-
-  return (
-    <div className={classes}>
-      {pinTextNow}
-      <div className={innerClasses} {...rest}>
-        {pinIcon}
-        {pinLabel}
-      </div>
-      {children}
-    </div>
-  )
-}
-TimelinePin.defaultProps = {
-  icon: 'it-code-circle',
-  label: ' '
-}
-
-/**
- * è stato necessario disabilitare il typecheck per un'incompatibilità su storybook in caso di
- * un unico figlio
- */
-TimelinePin.propTypes = {
-  className: PropTypes.string,
-  icon: PropTypes.string,
-  label: PropTypes.string,
-  now: PropTypes.bool,
-  nowText: PropTypes.string,
-  past: PropTypes.bool
-}
-
-export default TimelinePin

package/src/components/Timeline/TimelineWrapper.js

@@ -1,21 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-
-const Timeline = props => {
-  const { className, ...attributes } = props
-  const { children, ...rest } = attributes
-  const timelineWrapper = classnames(className, 'it-timeline-wrapper')
-
-  return (
-    <div className={timelineWrapper} {...rest}>
-      {children}
-    </div>
-  )
-}
-
-Timeline.propTypes = {
-  className: PropTypes.string
-}
-
-export default Timeline

package/src/components/Toggle/Toggle.js

@@ -1,27 +0,0 @@
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-
-import { Label, Input } from 'reactstrap'
-
-class Toggle extends Component {
-  render() {
-    const { label, ...rest } = this.props
-
-    return (
-      <div className="toggles">
-        <Label check>
-          {label}
-          <Input type="checkbox" {...rest} />
-          <span className="lever" />
-        </Label>
-      </div>
-    )
-  }
-}
-
-Toggle.propTypes = {
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  ...Input.propTypes
-}
-
-export default Toggle

package/src/components/utils.js

@@ -1 +0,0 @@
-export const noop = () => {}

package/src/index.js

@@ -1,146 +0,0 @@
-export {
-  Alert,
-  Container,
-  Row,
-  Col,
-  Navbar,
-  NavbarBrand,
-  NavbarToggler,
-  NavItem,
-  NavLink,
-  Breadcrumb,
-  BreadcrumbItem,
-  ButtonDropdown,
-  ButtonGroup,
-  ButtonToolbar,
-  Dropdown,
-  DropdownItem,
-  DropdownMenu,
-  DropdownToggle,
-  Fade,
-  CardLink,
-  CardGroup,
-  CardDeck,
-  CardColumns,
-  CardBody,
-  CardFooter,
-  CardHeader,
-  CardImg,
-  CardImgOverlay,
-  Carousel,
-  UncontrolledCarousel,
-  CarouselControl,
-  CarouselItem,
-  CarouselIndicators,
-  CarouselCaption,
-  CardSubtitle,
-  CardText,
-  CardTitle,
-  Popover,
-  PopoverBody,
-  PopoverHeader,
-  Modal,
-  ModalHeader,
-  ModalBody,
-  ModalFooter,
-  PopperContent,
-  PopperTargetHelper,
-  Tooltip,
-  Table,
-  ListGroup,
-  Form,
-  FormFeedback,
-  FormGroup,
-  FormText,
-  InputGroup,
-  InputGroupAddon,
-  InputGroupButtonDropdown,
-  InputGroupText,
-  Label,
-  Media,
-  PaginationItem as PagerItem,
-  PaginationLink as PagerLink,
-  TabContent,
-  TabPane,
-  Jumbotron,
-  ListGroupItem,
-  ListGroupItemText,
-  ListGroupItemHeading,
-  UncontrolledAlert,
-  UncontrolledButtonDropdown,
-  UncontrolledCollapse,
-  UncontrolledDropdown,
-  UncontrolledTooltip,
-  Util
-} from 'reactstrap'
-
-export { default as Scrollspy } from 'react-scrollspy'
-
-export { default as Accordion } from './components/Accordion/Accordion'
-export { default as AccordionHeader } from './components/Accordion/AccordionHeader'
-export { default as AccordionBody } from './components/Accordion/AccordionBody'
-export { default as AvatarContainer } from './components/Avatar/AvatarContainer'
-export { default as AvatarGroupContainer } from './components/Avatar/AvatarGroupContainer'
-export { default as AvatarExtraText } from './components/Avatar/AvatarExtraText'
-export { default as AvatarIcon } from './components/Avatar/AvatarIcon'
-export { default as AvatarPresence } from './components/Avatar/AvatarPresence'
-export { default as AvatarStatus } from './components/Avatar/AvatarStatus'
-export { default as AvatarWrapper } from './components/Avatar/AvatarWrapper'
-export { default as Badge } from './components/Badge/Badge'
-export { default as Button } from './components/Button/Button'
-export { default as Forward } from './components/Forward/Forward'
-export { default as Callout } from './components/Callout/Callout'
-export { default as CalloutText } from './components/Callout/CalloutText'
-export { default as CalloutTitle } from './components/Callout/CalloutTitle'
-export { default as Collapse } from './components/Collapse/Collapse'
-export { default as Header } from './components/Header/Header'
-export { default as Headers } from './components/Header/Headers'
-export { default as HeaderBrand } from './components/Header/HeaderBrand'
-export { default as HeaderContent } from './components/Header/HeaderContent'
-export { default as HeaderLinkZone } from './components/Header/HeaderLinkZone'
-export { default as HeaderRightZone } from './components/Header/HeaderRightZone'
-export { default as HeaderSearch } from './components/Header/HeaderSearch'
-export { default as HeaderSocialsZone } from './components/Header/HeaderSocialsZone'
-export { default as HeaderToggler } from './components/Header/HeaderToggler'
-export { default as Hero } from './components/Hero/Hero'
-export { default as Icon, iconsList as icons } from './components/Icon/Icon'
-export { default as Input } from './components/Input/Input'
-export { default as LinkList } from './components/LinkList/LinkList'
-export { default as LinkListItem } from './components/LinkList/LinkListItem'
-export { default as Nav } from './components/Nav/Nav'
-export { default as Pager } from './components/Pager/Pager'
-export { default as PagerList } from './components/PagerList/PagerList'
-export { default as Rating } from './components/Rating/Rating'
-export { default as PasswordInput } from './components/PasswordInput/PasswordInput'
-export { default as PasswordMeter } from './components/PasswordMeter/PasswordMeter'
-export { default as Skiplink } from './components/Skiplink/Skiplink'
-export { default as SkiplinkItem } from './components/Skiplink/SkiplinkItem'
-export { default as Toggle } from './components/Toggle/Toggle'
-export { default as Sidebar } from './components/Sidebar/Sidebar'
-export { default as Progress } from './components/Progress/Progress'
-export { default as Spinner } from './components/Spinner/Spinner'
-export { default as Card } from './components/Card/Card'
-export { default as CardCategory } from './components/Card/CardCategory'
-export { default as CardTag } from './components/Card/CardTag'
-export { default as CardTagsHeader } from './components/Card/CardTagsHeader'
-export { default as CardSignature } from './components/Card/CardSignature'
-export { default as CardFooterCTA } from './components/Card/CardFooterCTA'
-export { default as CardReadMore } from './components/Card/CardReadMore'
-export { default as BottomNav } from './components/BottomNav/BottomNav'
-export { default as BottomNavItem } from './components/BottomNav/BottomNavItem'
-export { default as ThumbNav } from './components/ThumbNav/ThumbNav'
-export { default as ThumbNavItem } from './components/ThumbNav/ThumbNavItem'
-export { default as CookieBar } from './components/CookieBar/CookieBar'
-export { default as CookieBarButtons } from './components/CookieBar/CookieBarButtons'
-export { default as CookieBarButton } from './components/CookieBar/CookieBarButton'
-export { default as Chip } from './components/Chips/Chip'
-export { default as ChipLabel } from './components/Chips/ChipLabel'
-export { default as FontLoader } from './components/FontLoader/FontLoader'
-export { default as Dimmer } from './components/Dimmer/Dimmer'
-export { default as DimmerButtons } from './components/Dimmer/DimmerButtons'
-export { default as Timeline } from './components/Timeline/TimelineWrapper'
-export { default as TimelinePin } from './components/Timeline/TimelinePin'
-export { default as StepperHeader } from './components/Stepper/StepperHeader'
-export { default as StepperContainer } from './components/Stepper/StepperContainer'
-export { default as StepperHeaderElement } from './components/Stepper/StepperHeaderElement'
-export { default as Section } from './components/Section/Section'