design-react-kit 5.0.0-0 → 5.0.0-1

package/dist/types/index.js

@@ -78,7 +78,7 @@ const AccordionHeader = _ref => {
   } = _ref;
   const Tag = tag;
   const toggleClasses = classNames(className, 'accordion-button', {
-    collapsed: active
+    collapsed: !active
   });
   return React__default.createElement("div", {
     className: 'accordion-header',
@@ -369,212 +369,6 @@ const AvatarWrapper = _ref => {
   }));
 };
 
-const Badge = _ref => {
-  let {
-    color = 'secondary',
-    pill = false,
-    tag = 'span',
-    children,
-    testId,
-    ...attributes
-  } = _ref;
-  return React__default.createElement(reactstrap.Badge, Object.assign({
-    color: color,
-    pill: pill,
-    tag: tag
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const Breadcrumb = _ref => {
-  let {
-    className,
-    listClassName,
-    dark,
-    'aria-label': label,
-    testId,
-    ...attributes
-  } = _ref;
-  const classes = classNames(className, 'breadcrumb-container');
-  const listClasses = classNames(listClassName, {
-    dark
-  });
-  const ariaLabel = label ?? 'breadcrumb';
-  return React__default.createElement(reactstrap.Breadcrumb, Object.assign({
-    className: classes,
-    listClassName: listClasses,
-    "aria-label": ariaLabel,
-    "data-testid": testId
-  }, attributes));
-};
-
-const Button = _ref => {
-  let {
-    tag = 'button',
-    icon = false,
-    color = '',
-    className,
-    testId,
-    ...attributes
-  } = _ref;
-  const classes = classNames(className, {
-    'btn-icon': icon
-  });
-  const ariaAttributes = {
-    ...(attributes.disabled && {
-      'aria-disabled': true
-    })
-  };
-  const baseProps = {
-    color,
-    tag
-  };
-  return React__default.createElement(reactstrap.Button, Object.assign({
-    className: classes,
-    "data-testid": testId
-  }, baseProps, attributes, ariaAttributes));
-};
-
-const Forward = _ref => {
-  let {
-    className,
-    scrollToRef,
-    children,
-    testId,
-    ...attributes
-  } = _ref;
-  const classes = classNames(className, 'forward');
-  return React__default.createElement("a", Object.assign({
-    className: classes,
-    onClick: () => {
-      var _scrollToRef$current;
-      return (_scrollToRef$current = scrollToRef.current) == null ? void 0 : _scrollToRef$current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start'
-      });
-    },
-    "data-testid": testId
-  }, attributes), children);
-};
-
-const Callout = _ref => {
-  let {
-    children,
-    color = '',
-    highlight = false,
-    className,
-    detailed,
-    tag = 'div',
-    testId,
-    ...attributes
-  } = _ref;
-  const Tag = tag;
-  const classes = classNames(className, color, 'callout', {
-    'callout-highlight': highlight,
-    'callout-more': detailed
-  });
-  return React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const CalloutText = _ref => {
-  let {
-    bigText = false,
-    children,
-    className,
-    tag = 'p',
-    testId,
-    ...attributes
-  } = _ref;
-  const Tag = tag;
-  const classes = classNames(className, {
-    'callout-big-text': bigText
-  });
-  return React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const CalloutTitle = _ref => {
-  let {
-    children,
-    className,
-    tag = 'div',
-    testId,
-    ...attributes
-  } = _ref;
-  const Tag = tag;
-  const classes = classNames(className, 'callout-title');
-  return React__default.createElement(Tag, Object.assign({
-    className: classes
-  }, attributes, {
-    "data-testid": testId
-  }), children);
-};
-
-const Card = _ref => {
-  let {
-    tag = 'div',
-    teaser,
-    spacing,
-    noWrapper = false,
-    wrapperClassName,
-    testId,
-    ...attributes
-  } = _ref;
-  const wrapperClasses = classNames('card-wrapper', wrapperClassName, {
-    'card-space': spacing,
-    'card-teaser-wrapper': teaser
-  });
-  const cardClasses = classNames(attributes.className, {
-    'card-teaser': teaser
-  });
-  if (noWrapper) {
-    return React__default.createElement(reactstrap.Card, Object.assign({}, attributes, {
-      className: cardClasses,
-      tag: tag,
-      "data-testid": testId
-    }));
-  }
-  return React__default.createElement("div", {
-    className: wrapperClasses,
-    "data-testid": testId
-  }, React__default.createElement(reactstrap.Card, Object.assign({}, attributes, {
-    className: cardClasses,
-    tag: tag
-  })));
-};
-
-const CardBody = _ref => {
-  let {
-    tag = 'div',
-    testId,
-    ...props
-  } = _ref;
-  return React__default.createElement(reactstrap.CardBody, Object.assign({}, props, {
-    tag: tag,
-    "data-testid": testId
-  }));
-};
-
-const CardTitle = props => {
-  return React__default.createElement(reactstrap.CardTitle, Object.assign({}, props, {
-    "data-testid": props.testId
-  }));
-};
-
-const CardText = props => {
-  return React__default.createElement(reactstrap.CardText, Object.assign({}, props, {
-    "data-testid": props.testId
-  }));
-};
-
 const iconList = {
   'it-arrow-down-circle': true,
   'it-arrow-down-triangle': true,
@@ -630,6 +424,7 @@ const iconList = {
   'it-file-odt': true,
   'it-file-pdf-ext': true,
   'it-file-pdf': true,
+  'it-file-ppt': true,
   'it-file-sheet': true,
   'it-file-slides': true,
   'it-file-txt': true,
@@ -676,6 +471,8 @@ const iconList = {
   'it-minimize': true,
   'it-minus-circle': true,
   'it-minus': true,
+  'it-moodle-square': true,
+  'it-moodle': true,
   'it-more-actions': true,
   'it-more-items': true,
   'it-note': true,
@@ -956,6 +753,10 @@ const loadIcon = name => {
       {
         return new Promise(function (resolve) { resolve(require('./ItFilePdf-ae73ed66.js')); });
       }
+    case 'it-file-ppt':
+      {
+        return new Promise(function (resolve) { resolve(require('./ItFilePpt-416433f2.js')); });
+      }
     case 'it-file-sheet':
       {
         return new Promise(function (resolve) { resolve(require('./ItFileSheet-c9241945.js')); });
@@ -1140,6 +941,14 @@ const loadIcon = name => {
       {
         return new Promise(function (resolve) { resolve(require('./ItMinus-f94f7c60.js')); });
       }
+    case 'it-moodle-square':
+      {
+        return new Promise(function (resolve) { resolve(require('./ItMoodleSquare-4a712f4d.js')); });
+      }
+    case 'it-moodle':
+      {
+        return new Promise(function (resolve) { resolve(require('./ItMoodle-49b00c1d.js')); });
+      }
     case 'it-more-actions':
       {
         return new Promise(function (resolve) { resolve(require('./ItMoreActions-45d8e872.js')); });
@@ -1508,6 +1317,308 @@ const Icon = _ref2 => {
   }, attributes));
 };
 
+const Button = _ref => {
+  let {
+    tag = 'button',
+    icon = false,
+    color = '',
+    className,
+    testId,
+    ...attributes
+  } = _ref;
+  const classes = classNames(className, {
+    'btn-icon': icon
+  });
+  const ariaAttributes = {
+    ...(attributes.disabled && {
+      'aria-disabled': true
+    })
+  };
+  const baseProps = {
+    color,
+    tag
+  };
+  return React__default.createElement(reactstrap.Button, Object.assign({
+    className: classes,
+    "data-testid": testId
+  }, baseProps, attributes, ariaAttributes));
+};
+
+const backToTop = () => {
+  window.scrollTo({
+    top: 0,
+    behavior: 'smooth'
+  });
+};
+const BackToTop = _ref => {
+  let {
+    className,
+    dark = false,
+    small = false,
+    shadow = false,
+    showOffset = 200
+  } = _ref;
+  const [showBtn, setShowBtn] = React.useState(false);
+  React.useLayoutEffect(() => {
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > showOffset) {
+        setShowBtn(true);
+      } else {
+        setShowBtn(false);
+      }
+    });
+  }, [showOffset]);
+  return React__default.createElement(Button, {
+    "aria-hidden": 'true',
+    tabIndex: -1,
+    className: classNames(className, 'back-to-top', small && 'back-to-top-small', showBtn && 'back-to-top-show', dark && 'dark', shadow && 'shadow'),
+    id: 'back-to-top-btn',
+    onClick: backToTop,
+    style: {
+      padding: 0
+    },
+    color: !dark ? 'primary' : ''
+  }, React__default.createElement(Icon, {
+    color: dark ? 'secondary' : 'white',
+    icon: 'it-arrow-up',
+    style: {
+      top: 0
+    }
+  }));
+};
+
+const Badge = _ref => {
+  let {
+    color = 'secondary',
+    pill = false,
+    tag = 'span',
+    children,
+    testId,
+    ...attributes
+  } = _ref;
+  return React__default.createElement(reactstrap.Badge, Object.assign({
+    color: color,
+    pill: pill,
+    tag: tag
+  }, attributes, {
+    "data-testid": testId
+  }), children);
+};
+
+const Breadcrumb = _ref => {
+  let {
+    className,
+    listClassName,
+    dark,
+    'aria-label': label,
+    testId,
+    ...attributes
+  } = _ref;
+  const classes = classNames(className, 'breadcrumb-container');
+  const listClasses = classNames(listClassName, {
+    dark
+  }, dark && 'px-3');
+  const ariaLabel = label ?? 'Percorso di navigazione';
+  return React__default.createElement(reactstrap.Breadcrumb, Object.assign({
+    className: classes,
+    listClassName: listClasses,
+    "aria-label": ariaLabel,
+    "data-testid": testId
+  }, attributes));
+};
+
+const Forward = _ref => {
+  let {
+    className,
+    scrollToRef,
+    children,
+    testId,
+    ...attributes
+  } = _ref;
+  const classes = classNames(className, 'forward');
+  return React__default.createElement("a", Object.assign({
+    className: classes,
+    onClick: () => {
+      var _scrollToRef$current;
+      return (_scrollToRef$current = scrollToRef.current) == null ? void 0 : _scrollToRef$current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start'
+      });
+    },
+    "data-testid": testId
+  }, attributes), children);
+};
+
+const Callout = _ref => {
+  let {
+    children,
+    color = '',
+    highlight = false,
+    className,
+    detailed,
+    tag = 'div',
+    testId,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames(className, color, 'callout', {
+    'callout-highlight': highlight,
+    'callout-more': detailed
+  });
+  return React__default.createElement(Tag, Object.assign({
+    className: classes
+  }, attributes, {
+    "data-testid": testId
+  }), !highlight && !detailed ? React__default.createElement("div", {
+    className: 'callout-inner'
+  }, children) : children);
+};
+
+const CalloutText = _ref => {
+  let {
+    bigText = false,
+    children,
+    className,
+    tag = 'p',
+    testId,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames(className, {
+    'callout-big-text': bigText
+  });
+  return React__default.createElement(Tag, Object.assign({
+    className: classes
+  }, attributes, {
+    "data-testid": testId
+  }), children);
+};
+
+const CalloutTitle = _ref => {
+  let {
+    children,
+    className,
+    tag = 'div',
+    testId,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames(className, 'callout-title');
+  return React__default.createElement(Tag, Object.assign({
+    className: classes
+  }, attributes, {
+    "data-testid": testId
+  }), children);
+};
+
+const CalloutMoreFooter = _ref => {
+  let {
+    id = 'cm-footer',
+    tag = 'div',
+    className,
+    fileUrl,
+    children,
+    ...attributes
+  } = _ref;
+  const Tag = tag;
+  const classes = classNames('collapse-div', className);
+  const [isOpen, setOpen] = React.useState(false);
+  return React__default.createElement(Tag, Object.assign({}, attributes, {
+    className: classes
+  }), React__default.createElement("div", {
+    className: 'collapse-header',
+    id: `${id}-heading`
+  }, React__default.createElement(Button, {
+    color: 'primary',
+    className: 'callout-more-toggle',
+    onClick: () => setOpen(!isOpen),
+    "aria-controls": `${id}-collapse`,
+    "aria-expanded": isOpen,
+    style: {
+      fontFamily: 'var(--bs-font-sans-serif)',
+      fontSize: '1rem'
+    }
+  }, "Leggi tutto ", React__default.createElement("span", null)), fileUrl && React__default.createElement("a", {
+    className: 'callout-more-download',
+    href: fileUrl,
+    style: {
+      fontFamily: 'var(--bs-font-sans-serif)',
+      fontSize: '1rem'
+    }
+  }, React__default.createElement(Icon, {
+    icon: 'it-download'
+  }), React__default.createElement("span", {
+    className: 'visually-hidden'
+  }, "PDF"), "Download")), React__default.createElement("div", {
+    className: `collapse ${isOpen ? 'show' : ''}`,
+    role: 'tabpanel',
+    id: `${id}-collapse`,
+    "aria-labelledby": `${id}-heading`
+  }, React__default.createElement("div", {
+    className: 'collapse-body'
+  }, children)));
+};
+
+const Card = _ref => {
+  let {
+    tag = 'div',
+    href = undefined,
+    teaser,
+    spacing,
+    noWrapper = false,
+    wrapperClassName,
+    testId,
+    ...attributes
+  } = _ref;
+  const wrapperClasses = classNames('card-wrapper', wrapperClassName, {
+    'card-space': spacing,
+    'card-teaser-wrapper': teaser
+  });
+  const cardClasses = classNames(attributes.className, {
+    'card-teaser': teaser
+  });
+  if (noWrapper) {
+    return React__default.createElement(reactstrap.Card, Object.assign({}, attributes, {
+      className: cardClasses,
+      tag: tag,
+      href: tag === 'a' ? href : undefined,
+      "data-testid": testId
+    }));
+  }
+  return React__default.createElement("div", {
+    className: wrapperClasses,
+    "data-testid": testId
+  }, React__default.createElement(reactstrap.Card, Object.assign({}, attributes, {
+    className: cardClasses,
+    tag: tag,
+    href: tag === 'a' ? href : undefined
+  })));
+};
+
+const CardBody = _ref => {
+  let {
+    tag = 'div',
+    testId,
+    ...props
+  } = _ref;
+  return React__default.createElement(reactstrap.CardBody, Object.assign({}, props, {
+    tag: tag,
+    "data-testid": testId
+  }));
+};
+
+const CardTitle = props => {
+  return React__default.createElement(reactstrap.CardTitle, Object.assign({}, props, {
+    "data-testid": props.testId
+  }));
+};
+
+const CardText = props => {
+  return React__default.createElement(reactstrap.CardText, Object.assign({}, props, {
+    "data-testid": props.testId
+  }));
+};
+
 const CardCategory = _ref => {
   let {
     iconName,
@@ -4667,12 +4778,14 @@ exports.AvatarIcon = AvatarIcon;
 exports.AvatarPresence = AvatarPresence;
 exports.AvatarStatus = AvatarStatus;
 exports.AvatarWrapper = AvatarWrapper;
+exports.BackToTop = BackToTop;
 exports.Badge = Badge;
 exports.BottomNav = BottomNav;
 exports.BottomNavItem = BottomNavItem;
 exports.Breadcrumb = Breadcrumb;
 exports.Button = Button;
 exports.Callout = Callout;
+exports.CalloutMoreFooter = CalloutMoreFooter;
 exports.CalloutText = CalloutText;
 exports.CalloutTitle = CalloutTitle;
 exports.Card = Card;