design-react-kit 3.3.0 → 4.0.0

package/src/index.tsx

@@ -0,0 +1,349 @@
+export {
+  Container,
+  Row,
+  Col,
+  Navbar,
+  NavbarBrand,
+  NavbarToggler,
+  NavItem,
+  NavLink,
+  BreadcrumbItem,
+  ButtonDropdown,
+  ButtonGroup,
+  ButtonToolbar,
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+  Fade,
+  CardLink,
+  CardGroup,
+  CardDeck,
+  CardColumns,
+  CardFooter,
+  CardHeader,
+  CardImg,
+  CardImgOverlay,
+  CardSubtitle,
+  Popover,
+  PopoverBody,
+  PopoverHeader,
+  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 { useNavScroll } from 'react-use-navscroll';
+
+export { Alert } from './Alert/Alert';
+export { Accordion } from './Accordion/Accordion';
+export { AccordionHeader } from './Accordion/AccordionHeader';
+export { AccordionBody } from './Accordion/AccordionBody';
+export { AvatarContainer } from './Avatar/AvatarContainer';
+export { AvatarGroupContainer } from './Avatar/AvatarGroupContainer';
+export { AvatarExtraText } from './Avatar/AvatarExtraText';
+export { AvatarIcon } from './Avatar/AvatarIcon';
+export { AvatarPresence } from './Avatar/AvatarPresence';
+export { AvatarStatus } from './Avatar/AvatarStatus';
+export { AvatarWrapper } from './Avatar/AvatarWrapper';
+export { Badge } from './Badge/Badge';
+export { Breadcrumb } from './Breadcrumb/Breadcrumb';
+export { Button } from './Button/Button';
+export { Forward } from './Forward/Forward';
+export { Callout } from './Callout/Callout';
+export { CalloutText } from './Callout/CalloutText';
+export { CalloutTitle } from './Callout/CalloutTitle';
+export { Card } from './Card/Card';
+export { CardBody } from './Card/CardBody';
+export { CardTitle } from './Card/CardTitle';
+export { CardText } from './Card/CardText';
+export { CardCategory } from './Card/CardCategory';
+export { CardTag } from './Card/CardTag';
+export { CardTagsHeader } from './Card/CardTagsHeader';
+export { CardSignature } from './Card/CardSignature';
+export { CardFooterCTA } from './Card/CardFooterCTA';
+export { CardReadMore } from './Card/CardReadMore';
+export { Collapse } from './Collapse/Collapse';
+export {
+  GridItem,
+  GridItemText,
+  GridItemTextWrapper,
+  GridList,
+  GridRow
+} from './Grid/index';
+export { Header } from './Header/Header';
+export { Headers } from './Header/Headers';
+export { HeaderBrand } from './Header/HeaderBrand';
+export { HeaderContent } from './Header/HeaderContent';
+export { HeaderLinkZone } from './Header/HeaderLinkZone';
+export { HeaderRightZone } from './Header/HeaderRightZone';
+export { HeaderSearch } from './Header/HeaderSearch';
+export { HeaderSocialsZone } from './Header/HeaderSocialsZone';
+export { HeaderToggler } from './Header/HeaderToggler';
+export {
+  Hero,
+  HeroBackground,
+  HeroBody,
+  HeroButton,
+  HeroCategory,
+  HeroTitle
+} from './Hero/index';
+export {
+  Icon,
+  iconsList as icons,
+  preloadIcons,
+  clearIconCache
+} from './Icon/Icon';
+export { Input } from './Input/Input';
+export { InputContainer } from './Input/InputContainer';
+export { TextArea } from './Input/TextArea';
+export { LinkList } from './LinkList/LinkList';
+export { LinkListItem } from './LinkList/LinkListItem';
+export { Megamenu } from './Megamenu/Megamenu';
+export { MegamenuItem } from './Megamenu/MegamenuItem';
+export { MegamenuFooter } from './Megamenu/MegamenuFooter';
+export { MegamenuHighlightColumn } from './Megamenu/MegamenuHighlightColumn';
+export { Modal } from './Modal/Modal';
+export { ModalHeader } from './Modal/ModalHeader';
+export { ModalBody } from './Modal/ModalBody';
+export { ModalFooter } from './Modal/ModalFooter';
+export { Nav } from './Nav/Nav';
+export { Pager } from './Pager/Pager';
+export { Rating } from './Rating/Rating';
+export { ResponsiveImage } from './ResponsiveImage/ResponsiveImage';
+export { PasswordInput } from './PasswordInput/PasswordInput';
+export { Skiplink } from './Skiplink/Skiplink';
+export { SkiplinkItem } from './Skiplink/SkiplinkItem';
+export { Toggle } from './Toggle/Toggle';
+export { Sidebar } from './Sidebar/Sidebar';
+export { Progress } from './Progress/Progress';
+export { Spinner } from './Spinner/Spinner';
+export { BottomNav } from './BottomNav/BottomNav';
+export { BottomNavItem } from './BottomNav/BottomNavItem';
+export { ThumbNav } from './ThumbNav/ThumbNav';
+export { ThumbNavItem } from './ThumbNav/ThumbNavItem';
+export { CookieBar } from './CookieBar/CookieBar';
+export { CookieBarButtons } from './CookieBar/CookieBarButtons';
+export { CookieBarButton } from './CookieBar/CookieBarButton';
+export { Chip } from './Chips/Chip';
+export { ChipLabel } from './Chips/ChipLabel';
+export { FontLoader } from './FontLoader/FontLoader';
+export { Dimmer } from './Dimmer/Dimmer';
+export { DimmerButtons } from './Dimmer/DimmerButtons';
+export { TimeInput } from './Input/TimeInput';
+export { Timeline } from './Timeline/TimelineWrapper';
+export { TimelinePin } from './Timeline/TimelinePin';
+export { Select } from './Select/Select';
+export { StepperHeader } from './Stepper/StepperHeader';
+export { StepperContainer } from './Stepper/StepperContainer';
+export { StepperHeaderElement } from './Stepper/StepperHeaderElement';
+export { StepperNav } from './Stepper/StepperNav';
+export { StepperDots } from './Stepper/StepperDots';
+export { StepperContent } from './Stepper/StepperContent';
+export { Section } from './Section/Section';
+export {
+  NotificationManager,
+  notify,
+  createNotification
+} from './Notification';
+export { Toolbar } from './Toolbar/Toolbar';
+export { ToolbarItem } from './Toolbar/ToolbarItem';
+export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
+
+// Types
+export type { AlertProps } from './Alert/Alert';
+export type { AccordionProps } from './Accordion/Accordion';
+export type { AccordionHeaderProps } from './Accordion/AccordionHeader';
+export type { AccordionBodyProps } from './Accordion/AccordionBody';
+export type { AvatarContainerProps } from './Avatar/AvatarContainer';
+export type { AvatarGroupContainerProps } from './Avatar/AvatarGroupContainer';
+export type { AvatarExtraTextProps } from './Avatar/AvatarExtraText';
+export type { AvatarIconProps } from './Avatar/AvatarIcon';
+export type { AvatarPresenceProps } from './Avatar/AvatarPresence';
+export type { AvatarStatusProps } from './Avatar/AvatarStatus';
+export type { AvatarWrapperProps } from './Avatar/AvatarWrapper';
+export type { BadgeProps } from './Badge/Badge';
+export type { BreadcrumbProps } from './Breadcrumb/Breadcrumb';
+export type { ButtonProps } from './Button/Button';
+export type { ForwardProps } from './Forward/Forward';
+export type { CalloutProps } from './Callout/Callout';
+export type { CalloutTextProps } from './Callout/CalloutText';
+export type { CalloutTitleProps } from './Callout/CalloutTitle';
+export type { CardProps } from './Card/Card';
+export type { CardBodyProps } from './Card/CardBody';
+export type { CardTitleProps } from './Card/CardTitle';
+export type { CardTextProps } from './Card/CardText';
+export type { CardCategoryProps } from './Card/CardCategory';
+export type { CardTagProps } from './Card/CardTag';
+export type { CardTagsHeaderProps } from './Card/CardTagsHeader';
+export type { CardSignatureProps } from './Card/CardSignature';
+export type { CardFooterCTAProps } from './Card/CardFooterCTA';
+export type { CardReadMoreProps } from './Card/CardReadMore';
+export type { CollapseProps } from './Collapse/Collapse';
+export type {
+  GridItemProps,
+  GridItemTextProps,
+  GridItemTextWrapperProps,
+  GridListProps,
+  GridRowProps
+} from './Grid/index';
+export type { HeaderProps } from './Header/Header';
+export type { HeadersProps } from './Header/Headers';
+export type { HeaderBrandProps } from './Header/HeaderBrand';
+export type { HeaderContentProps } from './Header/HeaderContent';
+export type { HeaderLinkZoneProps } from './Header/HeaderLinkZone';
+export type { HeaderRightZoneProps } from './Header/HeaderRightZone';
+export type { HeaderSearchProps } from './Header/HeaderSearch';
+export type { HeaderSocialsZoneProps } from './Header/HeaderSocialsZone';
+export type { HeaderTogglerProps } from './Header/HeaderToggler';
+export type {
+  HeroProps,
+  HeroBackgroundProps,
+  HeroBodyProps,
+  HeroButtonProps,
+  HeroCategoryProps,
+  HeroTitleProps
+} from './Hero/index';
+export type { IconProps, IconName } from './Icon/Icon';
+export type { InputProps } from './Input/Input';
+export type { InputContainerProps } from './Input/InputContainer';
+export type { TextAreaProps } from './Input/TextArea';
+export type { LinkListProps } from './LinkList/LinkList';
+export type { LinkListItemProps } from './LinkList/LinkListItem';
+export type { MegamenuProps } from './Megamenu/Megamenu';
+export type { MegamenuItemProps } from './Megamenu/MegamenuItem';
+export type { MegamenuFooterProps } from './Megamenu/MegamenuFooter';
+export type { MegamenuHCProps } from './Megamenu/MegamenuHighlightColumn';
+export type { ModalProps } from './Modal/Modal';
+export type { ModalHeaderProps } from './Modal/ModalHeader';
+export type { ModalBodyProps } from './Modal/ModalBody';
+export type { ModalFooterProps } from './Modal/ModalFooter';
+export type { NavProps } from './Nav/Nav';
+export type { PagerProps } from './Pager/Pager';
+export type { RatingProps } from './Rating/Rating';
+export type { ResponsiveImageProps } from './ResponsiveImage/ResponsiveImage';
+export type { PasswordInputProps } from './PasswordInput/PasswordInput';
+export type { SkiplinkProps } from './Skiplink/Skiplink';
+export type { SkiplinkItemProps } from './Skiplink/SkiplinkItem';
+export type { ToggleProps } from './Toggle/Toggle';
+export type { SidebarProps } from './Sidebar/Sidebar';
+export type { ProgressProps } from './Progress/Progress';
+export type { SpinnerProps } from './Spinner/Spinner';
+export type { BottomNavProps } from './BottomNav/BottomNav';
+export type { BottomNavItemProps } from './BottomNav/BottomNavItem';
+export type { ThumbNavProps } from './ThumbNav/ThumbNav';
+export type { ThumbNavItemProps } from './ThumbNav/ThumbNavItem';
+export type { CookieBarProps } from './CookieBar/CookieBar';
+export type { CookieBarButtonsProps } from './CookieBar/CookieBarButtons';
+export type { CookieBarButtonProps } from './CookieBar/CookieBarButton';
+export type { ChipProps } from './Chips/Chip';
+export type { ChipLabelProps } from './Chips/ChipLabel';
+export type { FontLoaderProps } from './FontLoader/FontLoader';
+export type { DimmerProps } from './Dimmer/Dimmer';
+export type { DimmerButtonsProps } from './Dimmer/DimmerButtons';
+export type { TimelineProps } from './Timeline/TimelineWrapper';
+export type { TimelinePinProps } from './Timeline/TimelinePin';
+export type { StepperHeaderProps } from './Stepper/StepperHeader';
+export type { StepperContainerProps } from './Stepper/StepperContainer';
+export type { StepperHeaderElementProps } from './Stepper/StepperHeaderElement';
+export type { StepperNavProps } from './Stepper/StepperNav';
+export type { StepperDotsProps } from './Stepper/StepperDots';
+export type { StepperContentProps } from './Stepper/StepperContent';
+export type { SectionProps } from './Section/Section';
+export type { SelectProps } from './Select/Select';
+export type {
+  NotificationId,
+  NotificationProps,
+  NotificationManagerProps,
+  NotificationOptions
+} from './Notification';
+export type { ToolbarProps } from './Toolbar/Toolbar';
+export type { ToolbarItemProps } from './Toolbar/ToolbarItem';
+
+export type {
+  ContainerProps,
+  RowProps,
+  ColProps,
+  NavbarProps,
+  NavbarBrandProps,
+  NavbarTogglerProps,
+  NavItemProps,
+  NavLinkProps,
+  BreadcrumbItemProps,
+  ButtonDropdownProps,
+  ButtonGroupProps,
+  ButtonToolbarProps,
+  DropdownProps,
+  DropdownItemProps,
+  DropdownMenuProps,
+  DropdownToggleProps,
+  FadeProps,
+  CardLinkProps,
+  CardGroupProps,
+  CardDeckProps,
+  CardColumnsProps,
+  CardFooterProps,
+  CardHeaderProps,
+  CardImgProps,
+  CardImgOverlayProps,
+  CardSubtitleProps,
+  PopoverProps,
+  PopoverBodyProps,
+  PopoverHeaderProps,
+  TooltipProps,
+  TableProps,
+  ListGroupProps,
+  FormProps,
+  FormFeedbackProps,
+  FormGroupProps,
+  FormTextProps,
+  InputGroupProps,
+  InputGroupAddonProps,
+  InputGroupButtonDropdownProps,
+  InputGroupTextProps,
+  LabelProps,
+  MediaProps,
+  PaginationItem as PagerItemProps,
+  PaginationLink as PagerLinkProps,
+  TabContentProps,
+  TabPaneProps,
+  JumbotronProps,
+  ListGroupItemProps,
+  ListGroupItemTextProps,
+  ListGroupItemHeadingProps,
+  UncontrolledAlertProps,
+  UncontrolledButtonDropdownProps,
+  UncontrolledCollapseProps,
+  UncontrolledDropdownProps,
+  UncontrolledTooltipProps
+} from 'reactstrap';
+export type {
+  useNavScrollArgs,
+  useNavScrollResult,
+  RegisterOptions,
+  ChangesType
+} from 'react-use-navscroll';

package/src/utils.tsx

@@ -0,0 +1,26 @@
+export const noop = () => {};
+
+export const logError = (message: string) => {
+  if (typeof console !== 'undefined') {
+    if (console.error) {
+      console.error(message);
+    } else {
+      console.log(message);
+    }
+  }
+};
+
+const messages: Record<string, 1> = {};
+export const notifyDeprecation = (
+  message: string,
+  options = { once: true }
+) => {
+  if (!options.once) {
+    logError(message);
+  } else {
+    if (!messages[message]) {
+      logError(message);
+      messages[message] = 1;
+    }
+  }
+};

package/.editorconfig

@@ -1,18 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-# The JSON files contain newlines inconsistently
-[*.json]
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-

package/.eslintrc

@@ -1,65 +0,0 @@
-{
-    "parser": "babel-eslint",
-    "settings": {
-        "react": {
-            "version": "detect" // React version. "detect" automatically picks the version you have installed.
-        }
-    },
-    "env": {
-        "browser": true,
-        "commonjs": true,
-        "es6": true,
-        "node": true
-    },
-    "extends": [
-        "standard",
-        "plugin:react/recommended",
-        "plugin:prettier/recommended",
-        "prettier/react"
-        // "airbnb-base"
-    ],
-    "parserOptions": {
-        "ecmaFeatures": {
-            "experimentalObjectRestSpread": true,
-            "jsx": true
-        },
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react",
-        "prettier",
-        "babel",
-        "jsx-a11y"
-    ],
-    "rules": {
-        "react/no-unsafe": "error",
-        "no-case-declarations": "off",
-        "no-shadow": [
-            "error",
-            {
-                "builtinGlobals": false,
-                "hoist": "never",
-                "allow": [
-                    "child",
-                    "className"
-                ]
-            }
-        ],
-        "prettier/prettier": [
-            "error",
-            {
-                "arrowParens": "avoid",
-                "bracketSpacing": true,
-                "jsxBracketSameLine": true,
-                "jsxSingleQuote": false,
-                "printWidth": 80,
-                "quoteProps": "as-needed",
-                "semi": false,
-                "singleQuote": true,
-                "tabWidth": 2,
-                "trailingComma": "none",
-                "useTabs": false
-            }
-        ]
-    }
-}

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,32 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: "[BUG]"
-labels: bug
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Other Required Information (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: "[FEATURE]"
-labels: enhancement
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -1,24 +0,0 @@
-<!--
-(Thanks for sending a pull request! Please make sure you click the link above to view the contribution guidelines, then fill out the blanks below.)
--->
-<!-- Add the issue number that is fixed by this PR (In the form Fixes #123) -->
-
-Fixes #
-
-#### PR Checklist
-<!-- To Mark a Checklist box, put "x" inside the square brackets. For Example - [ ] becomes [x] -->
-- [ ] My branch is up-to-date with the Upstream `master` branch.
-- [ ] The unit tests pass locally with my changes
-- [ ] I have added tests that prove my fix is effective or that my feature works
-- [ ] I have added necessary documentation (if appropriate)
-
-#### Short description of what this resolves:
-
-
-#### Changes proposed in this pull request:
-
--
--
--
-
-

package/AUTHORS

@@ -1,3 +0,0 @@
-Team per la Trasformazione Digitale / Italian Digital Transformation Team
-
-The version control system provides attribution for specific lines of code.

package/CODE_OF_CONDUCT.EN.md

@@ -1,77 +0,0 @@
-# Code of Conduct
-
-## 1. Purpose
-
-A primary goal of Developers Italia is to be inclusive to the largest number of contributors, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, and religion (or lack thereof).
-
-This code of conduct outlines our expectations for all those who participate in our community, as well as the consequences for unacceptable behavior.
-
-We invite all those who participate in Developers Italia to help us create safe and positive experiences for everyone.
-
-## 2. Open Source Citizenship
-
-A supplemental goal of this Code of Conduct is to increase open source citizenship by encouraging participants to recognize and strengthen the relationships between our actions and their effects on our community.
-
-Communities mirror the societies in which they exist and positive action is essential to counteract the many forms of inequality and abuses of power that exist in society.
-
-If you see someone who is making an extra effort to ensure our community is welcoming, friendly, and encourages all participants to contribute to the fullest extent, we want to know.
-
-## 3. Expected Behavior
-
-The following behaviors are expected and requested of all community members:
-
-*   Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
-*   Exercise consideration and respect in your speech and actions.
-*   Attempt collaboration before conflict.
-*   Refrain from demeaning, discriminatory, or harassing behavior and speech.
-*   Be mindful of your surroundings and of your fellow participants. Alert community leaders if you notice a dangerous situation, someone in distress, or violations of this Code of Conduct, even if they seem inconsequential.
-*   Remember that community event venues may be shared with members of the public; please be respectful to all patrons of these locations.
-
-## 4. Unacceptable Behavior
-
-The following behaviors are considered harassment and are unacceptable within our community:
-
-*   Violence, threats of violence or violent language directed against another person.
-*   Sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory jokes and language.
-*   Posting or displaying sexually explicit or violent material.
-*   Personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
-*   Unwelcome sexual attention. This includes, sexualized comments or jokes; inappropriate touching, groping, and unwelcomed sexual advances.
-*   Deliberate intimidation, stalking or following (online or in person).
-*   Advocating for, or encouraging, any of the above behavior.
-*   Sustained disruption of community events, including talks and presentations.
-
-## 5. Consequences of Unacceptable Behavior
-
-Unacceptable behavior from any community member, including sponsors and those with decision-making authority, will not be tolerated.
-
-Anyone asked to stop unacceptable behavior is expected to comply immediately.
-
-If a community member engages in unacceptable behavior, the community organizers may take any action they deem appropriate, up to and including a temporary ban or permanent expulsion from the community without warning.
-
-## 6. Reporting Guidelines
-
-If you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer as soon as possible. You can do so by e-mailing coc-report@developers.italia.it.
-
-Additionally, community organizers are available to help community members engage with local law enforcement or to otherwise help those experiencing unacceptable behavior feel safe. In the context of in-person events, organizers will also provide escorts as desired by the person experiencing distress.
-
-## 7. Addressing Grievances
-
-If you feel you have been falsely or unfairly accused of violating this Code of Conduct, you should notify the managers of Developers Italia with a concise description of your grievance. Your grievance will be handled in accordance with our existing governing policies.
-
-## 8. Scope
-
-We expect all community participants (contributors, paid or otherwise; sponsors; and other guests) to abide by this Code of Conduct in all community venues–online and in-person–as well as in all one-on-one communications pertaining to community business.
-
-This code of conduct and its related procedures also applies to unacceptable behavior occurring outside the scope of community activities when such behavior has the potential to adversely affect the safety and well-being of community members.
-
-## 9. Contact info
-
-You can reach the managers of Developers Italia at coc-report@developers.italia.it
-
-## 10. License and attribution
-
-This Code of Conduct is distributed under a [Creative Commons Attribution-ShareAlike license](http://creativecommons.org/licenses/by-sa/3.0/).
-
-Portions of text derived from the [Django Code of Conduct](https://www.djangoproject.com/conduct/) and the [Geek Feminism Anti-Harassment Policy](http://geekfeminism.wikia.com/wiki/Conference_anti-harassment/Policy).
-
-Retrieved on November 22, 2016 from [http://citizencodeofconduct.org/](http://citizencodeofconduct.org/)