@ilo-org/react 0.14.0 → 0.15.0

package/src/components/Callout/Callout.props.ts

@@ -1,60 +0,0 @@
-import { CalloutTypes } from "../../types";
-
-interface CTAProps {
-  /**
-   * Specify the label of the CTA
-   */
-  label?: string;
-
-  /**
-   * Specify the url of the CTA
-   */
-  url?: string;
-}
-
-export interface CalloutProps {
-  /**
-   * Specify the settings for an option CTA
-   */
-  cta?: CTAProps;
-
-  /**
-   * Specify an optional className to be added to your RichText.
-   */
-  className?: string;
-
-  /**
-   * Specify the copy
-   */
-  copy?: Required<string>;
-
-  /**
-   * Specify if callout is collapsible
-   */
-  isCollapsible?: boolean;
-
-  /**
-   * Specify if callout is open (only important for collapsible items)
-   */
-  isOpen?: boolean;
-
-  /**
-   * Specify the callout headline
-   */
-  headline?: string;
-
-  /**
-   * Specify the open label
-   */
-  toggleOpenLabel?: string;
-
-  /**
-   * Specify the open label
-   */
-  toggleClosedLabel?: string;
-
-  /**
-   * Describe the type of callout
-   */
-  type?: CalloutTypes;
-}

package/src/components/Callout/Callout.tsx

@@ -1,80 +0,0 @@
-import classNames from "classnames";
-import React, { FC, useEffect, useState } from "react";
-import useGlobalSettings from "../../hooks/useGlobalSettings";
-import { Button } from "../Button";
-import { ButtonProps } from "../Button/Button.props";
-import { CalloutProps } from "./Callout.props";
-
-const Callout: FC<CalloutProps> = ({
-  className,
-  copy,
-  cta,
-  isCollapsible,
-  isOpen = true,
-  toggleOpenLabel = "Less",
-  toggleClosedLabel = "More",
-  headline,
-  type,
-}) => {
-  const { prefix } = useGlobalSettings();
-  const baseClass = `${prefix}--callout`;
-  const [toggleOpen, setToggleOpen] = useState(isOpen);
-  let toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-
-  useEffect(() => {
-    setToggleOpen(isOpen);
-    toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-  }, [isOpen]);
-
-  const calloutClasses = classNames(className, {
-    [baseClass]: true,
-    [`${baseClass}--${type}`]: type,
-    [`${baseClass}--open`]: toggleOpen,
-    [`${baseClass}--collapse`]: isCollapsible,
-  });
-
-  const iconClasses = `icon icon--${type}`;
-
-  const ctaprops: ButtonProps = {
-    callback: undefined,
-    className: `${baseClass}--cta`,
-    children: false,
-    label: cta?.label,
-    size: "small",
-    type: "tertiary",
-    url: cta?.url,
-  };
-
-  const handleToggle = (e: React.MouseEvent<Element, MouseEvent>) => {
-    e.preventDefault();
-    toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-    setToggleOpen(!toggleOpen);
-  };
-
-  return (
-    <div className={calloutClasses}>
-      <div className={`${baseClass}--sidebar`}>
-        <span className={iconClasses}></span>
-      </div>
-      <div className={`${baseClass}--content`}>
-        <div className={`${baseClass}--header`}>
-          <h5 className={`${baseClass}--headline`}>{headline}</h5>
-          {isCollapsible && (
-            <button
-              className={`${baseClass}--toggle`}
-              onClick={handleToggle}
-              type="button"
-            >
-              {toggleLabel}
-              <span className={`${baseClass}--toggle--icon`}></span>
-            </button>
-          )}
-        </div>
-        <p className={`${baseClass}--copy`}>{copy}</p>
-        {cta && <Button {...ctaprops} />}
-      </div>
-    </div>
-  );
-};
-
-export default Callout;

package/src/components/Callout/index.ts

@@ -1,2 +0,0 @@
-export { default as Callout } from "./Callout";
-export { default as calloutArgs } from "./Callout.args";