@progressiveui/react 2.0.3 → 2.0.5

package/src/components/SubNavigation/SubNavigation.stories.tsx

@@ -1,249 +0,0 @@
-import React from "react";
-import markdown from "./README.mdx";
-import {
-  SubNavigation,
-  SubNavigationHeader,
-  SubNavigationTitle,
-  SubNavigationLink,
-  SubNavigationFilter,
-  SubNavigationContent,
-  SubNavigationList,
-  SubNavigationGroup,
-  SubNavigationItem,
-} from "./";
-import Search from "../Search";
-import Button from "../Button";
-import Link from "../Link";
-
-export default {
-  title: "Components/Navigation/SubNavigation",
-  component: SubNavigation,
-  subcomponents: {
-    SubNavigationHeader,
-    SubNavigationTitle,
-    SubNavigationLink,
-    SubNavigationFilter,
-    SubNavigationContent,
-    SubNavigationList,
-    SubNavigationGroup,
-    SubNavigationItem,
-  },
-  parameters: {
-    componentSubtitle: "Component",
-    status: "released",
-    mdx: markdown,
-  },
-};
-
-export const RegularSubNavigation = (args) => (
-  <SubNavigation {...args}>
-    <SubNavigationHeader>
-      <SubNavigationTitle>The Title</SubNavigationTitle>
-      <SubNavigationLink>
-        <Button small>The SubPage Link</Button>
-      </SubNavigationLink>
-
-      <SubNavigationFilter>
-        <Search
-          className="some-class"
-          kind="small"
-          id="search-2"
-          labelText="Filter"
-          placeholder="Filter"
-          onChange={() => {
-            alert("Apply Filter");
-          }}
-        />
-      </SubNavigationFilter>
-    </SubNavigationHeader>
-    <SubNavigationContent>
-      <SubNavigationList>
-        <SubNavigationGroup title="First List">
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-        </SubNavigationGroup>
-        <SubNavigationGroup title="Second List of Items">
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-          <SubNavigationItem>
-            <Link href="https://go.docs.wfp.org" target="_blank">
-              GoDocs
-            </Link>
-          </SubNavigationItem>
-        </SubNavigationGroup>
-      </SubNavigationList>
-    </SubNavigationContent>
-  </SubNavigation>
-);
-
-const sourcecode = `
-import {
-  SubNavigation , SubNavigationHeader, SubNavigationTitle, SubNavigationLink, SubNavigationFilter, SubNavigationContent, SubNavigationList, SubNavigationGroup, SubNavigationItem,
-  Button, Search, Link
-} from "@progressiveui/react";
-
-<SubNavigation>
-  <SubNavigationHeader>
-    <SubNavigationTitle>
-      The Title
-    </SubNavigationTitle>
-    <SubNavigationLink>
-      <Button small>
-        The SubPage Link
-      </Button>
-    </SubNavigationLink>
-    <SubNavigationFilter>
-      <Search
-        className="some-class"
-        id="search-2"
-        labelText="Filter"
-        onChange={() => {}}
-        placeholder="Filter"
-      />
-    </SubNavigationFilter>
-  </SubNavigationHeader>
-  <SubNavigationContent>
-    <SubNavigationList>
-      <SubNavigationGroup
-        columns={3}
-        title="First List"
-      >
-        <SubNavigationItem>
-          <Link
-            href="https://go.docs.wfp.org"
-            target="_blank"
-          >
-            GoDocs
-          </Link>
-        </SubNavigationItem>
-        <SubNavigationItem>
-          <Link
-            href="https://go.docs.wfp.org"
-            target="_blank"
-          >
-            GoDocs
-          </Link>
-        </SubNavigationItem>
-        <SubNavigationItem>
-          <Link
-            href="https://go.docs.wfp.org"
-            target="_blank"
-          >
-            GoDocs
-          </Link>
-        </SubNavigationItem>
-      </SubNavigationGroup>
-      <SubNavigationGroup title="Second List of Items">
-        <SubNavigationItem>
-          <Link
-            href="https://go.docs.wfp.org"
-            target="_blank"
-          >
-            GoDocs
-          </Link>
-        </SubNavigationItem>
-        <SubNavigationItem>
-          <Link
-            href="https://go.docs.wfp.org"
-            target="_blank"
-          >
-            GoDocs
-          </Link>
-        </SubNavigationItem>
-      </SubNavigationGroup>
-    </SubNavigationList>
-  </SubNavigationContent>
-</SubNavigation>
-`;
-
-RegularSubNavigation.story = {
-  name: "Regular",
-  parameters: {
-    docs: {
-      source: {
-        code: sourcecode,
-      },
-    },
-  },
-};

package/src/components/SubNavigation/SubNavigation.tsx

@@ -1,6 +0,0 @@
-import * as React from "react";
-
-/** The SubNavigation is a toogleable part of the MainNavigation */
-export const SubNavigation = ({ children, ...other }) => {
-  return <div {...other}>{children}</div>;
-};

package/src/components/SubNavigation/SubNavigationContent.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationContentProps
-  extends React.ComponentPropsWithoutRef<"div"> {
-  /**
-   * Specify a the content of the SubNavigationContent
-   */
-  children?: React.ReactNode;
-}
-
-export const SubNavigationContent = ({
-  children,
-  className,
-  ...other
-}: SubNavigationContentProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(`${prefix}--sub-navigation__content`, className);
-
-  return (
-    <div className={classes} {...other}>
-      {children}
-    </div>
-  );
-};

package/src/components/SubNavigation/SubNavigationFilter.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationFilterProps
-  extends React.ComponentPropsWithoutRef<"div"> {
-  /**
-   * Specify a the content of the SubNavigationFilter
-   */
-  children?: React.ReactNode;
-}
-
-export const SubNavigationFilter = ({
-  children,
-  className,
-  ...other
-}: SubNavigationFilterProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(`${prefix}--sub-navigation__filter`, className);
-
-  return (
-    <div className={classes} {...other}>
-      {children}
-    </div>
-  );
-};

package/src/components/SubNavigation/SubNavigationGroup.tsx

@@ -1,48 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationGroupProps
-  extends Omit<React.ComponentPropsWithRef<"div">, "title"> {
-  /**
-   * Specify a the content of the SubNavigationGroup
-   */
-  children?: React.ReactNode;
-  /**
-   * Specify the number of columns
-   */
-  columns?: number;
-  /**
-   * The title of the SubNavigationGroup
-   */
-  title?: React.ReactNode;
-}
-
-export const SubNavigationGroup = ({
-  children,
-  columns,
-  className,
-  title,
-  ...other
-}: SubNavigationGroupProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(
-    `${prefix}--sub-navigation__group`,
-    {
-      className,
-    },
-    {
-      [`${prefix}--sub-navigation__group--columns`]: columns,
-      [`${prefix}--sub-navigation__group--columns--${columns}`]: columns,
-    }
-  );
-
-  return (
-    <div className={classes} {...other}>
-      {title && (
-        <h3 className={`${prefix}--sub-navigation__group__title`}>{title}</h3>
-      )}
-      <div>{children}</div>
-    </div>
-  );
-};

package/src/components/SubNavigation/SubNavigationHeader.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationHeaderProps
-  extends React.ComponentPropsWithoutRef<"div"> {
-  /**
-   * Specify a the content of the SubNavigationHeader
-   */
-  children?: React.ReactNode;
-}
-
-export const SubNavigationHeader = ({
-  children,
-  className,
-  ...other
-}: SubNavigationHeaderProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(`${prefix}--sub-navigation__header`, className);
-
-  return (
-    <div className={classes} {...other}>
-      {children}
-    </div>
-  );
-};

package/src/components/SubNavigation/SubNavigationItem.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationItemProps extends React.ComponentPropsWithoutRef<"div"> {
-  /**
-   * Specify a the content of the SubNavigationItem
-   */
-  children?: React.ReactNode;
-}
-
-export const SubNavigationItem = ({
-  children,
-  className,
-  ...other
-}: SubNavigationItemProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(`${prefix}--sub-navigation__item`, className);
-
-  return (
-    <div className={classes} {...other}>
-      {children}
-    </div>
-  );
-};

package/src/components/SubNavigation/SubNavigationLink.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationLinkProps extends React.ComponentPropsWithoutRef<"div"> {
-  /**
-   * Specify a the content of the SubNavigationLink
-   */
-  children?: React.ReactNode;
-}
-
-export const SubNavigationLink = ({
-  children,
-  className,
-  ...other
-}: SubNavigationLinkProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(`${prefix}--sub-navigation__link`, className);
-
-  return (
-    <div className={classes} {...other}>
-      {children}
-    </div>
-  );
-};

package/src/components/SubNavigation/SubNavigationList.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationListProps extends React.ComponentPropsWithoutRef<"div"> {
-  /**
-   * Specify a the content of the SubNavigationList
-   */
-  children?: React.ReactNode;
-}
-
-export const SubNavigationList = ({
-  children,
-  className,
-  ...other
-}: SubNavigationListProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(`${prefix}--sub-navigation__list`, className);
-
-  return (
-    <div className={classes} {...other}>
-      {children}
-    </div>
-  );
-};

package/src/components/SubNavigation/SubNavigationTitle.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import useSettings from "../../hooks/useSettings";
-
-interface SubNavigationTitleProps
-  extends React.ComponentPropsWithoutRef<"div"> {
-  /**
-   * Specify a the content of the SubNavigationTitle
-   */
-  children?: React.ReactNode;
-}
-
-export const SubNavigationTitle = ({
-  children,
-  className,
-  ...other
-}: SubNavigationTitleProps) => {
-  const { prefix } = useSettings();
-  const classes = classNames(`${prefix}--sub-navigation__title`, className);
-
-  return (
-    <div className={classes} {...other}>
-      {children}
-    </div>
-  );
-};

package/src/components/SubNavigation/index.ts

@@ -1,9 +0,0 @@
-export { SubNavigation } from "./SubNavigation";
-export { SubNavigationItem } from "./SubNavigationItem";
-export { SubNavigationHeader } from "./SubNavigationHeader";
-export { SubNavigationTitle } from "./SubNavigationTitle";
-export { SubNavigationLink } from "./SubNavigationLink";
-export { SubNavigationFilter } from "./SubNavigationFilter";
-export { SubNavigationContent } from "./SubNavigationContent";
-export { SubNavigationList } from "./SubNavigationList";
-export { SubNavigationGroup } from "./SubNavigationGroup";