design-react-kit 3.3.1 → 4.0.1

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/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,144 +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 } 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 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'

package/static/favicons/browserconfig.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/favicons/mstile-150x150.png"/>
-            <TileColor>#0066CC</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>

package/static/favicons/manifest.webmanifest

@@ -1,21 +0,0 @@
-{
-  "name": "Bootstrap Italia",
-  "short_name": "BS Italia",
-  "start_url": "/bootstrap-italia",
-  "theme_color": "#06C",
-  "background_color": "#06C",
-  "display": "standalone",
-  "description": "Bootstrap Italia è un tema open-source basato su Bootstrap 4 per la creazione di applicazioni responsive, mobile-first per il web.",
-  "icons": [
-    {
-      "src": "/favicons/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/favicons/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}

package/static/favicons/safari-pinned-tab.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M0 2560 l0 -2560 2560 0 2560 0 0 2560 0 2560 -2560 0 -2560 0 0
--2560z m3810 1165 l0 -315 275 0 275 0 0 -255 0 -255 -275 0 -276 0 3 -578 3
--578 25 -37 c42 -62 63 -67 288 -67 l200 0 6 -57 c3 -32 8 -110 11 -173 3 -63
-8 -145 11 -181 l6 -66 -139 -28 c-280 -56 -554 -43 -716 34 -159 76 -246 241
--277 523 -6 61 -10 513 -10 1223 l0 1125 295 0 295 0 0 -315z m-2563 -287 c79
--29 161 -112 193 -193 20 -49 24 -79 24 -160 0 -87 -3 -107 -26 -157 -37 -80
--96 -140 -171 -174 -52 -23 -75 -28 -148 -28 -77 0 -93 3 -152 32 -109 54
--178 149 -200 276 -30 176 71 362 223 410 70 23 189 20 257 -6z m1363 -1158
-l0 -1130 -300 0 -300 0 0 1123 c0 618 3 1127 7 1130 3 4 138 7 300 7 l293 0 0
--1130z"/>
-</g>
-</svg>