@arbor-education/design-system.components 0.25.9 → 1.0.1

package/src/components/sidebarNav/SidebarNavTrigger.tsx

@@ -1,52 +0,0 @@
-import classNames from 'classnames';
-import type { ButtonHTMLAttributes } from 'react';
-import { useSidebarNavContext } from './SidebarNavContext.js';
-import { SidebarNavTooltip } from './SidebarNavTooltip.js';
-
-export const SIDEBAR_NAV_TRIGGER_TOOLTIP = 'Show/hide sub navigation';
-
-export type SidebarNavTriggerProps = {
-  'tooltip'?: string;
-  'data-testid'?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-
-export const SidebarNavTrigger = (props: SidebarNavTriggerProps) => {
-  const {
-    tooltip = SIDEBAR_NAV_TRIGGER_TOOLTIP,
-    className,
-    onClick,
-    children,
-    'data-testid': dataTestId = 'sidebar-nav-panel-trigger',
-    ...rest
-  } = props;
-
-  const { expanded, setExpanded, panelId } = useSidebarNavContext();
-
-  const button = (
-    <button
-      type="button"
-      aria-controls={panelId}
-      aria-expanded={expanded}
-      aria-label={tooltip}
-      className={classNames(
-        'ds-sidebar-nav__rail-item',
-        { 'ds-sidebar-nav__rail-item--selected': expanded },
-        className,
-      )}
-      data-testid={dataTestId}
-      onClick={(e) => {
-        setExpanded(!expanded);
-        onClick?.(e);
-      }}
-      {...rest}
-    >
-      {children}
-    </button>
-  );
-
-  return (
-    <SidebarNavTooltip label={tooltip}>
-      {button}
-    </SidebarNavTooltip>
-  );
-};

package/src/components/sidebarNav/index.ts

@@ -1,6 +0,0 @@
-export { SidebarNav } from './SidebarNav.js';
-export { isSidebarNavRailSeparator } from './types.js';
-export type {
-  SidebarNavGroupNode, SidebarNavItemNode, SidebarNavNode, SidebarNavProps, SidebarNavRailEntry, SidebarNavRailItemConfig, SidebarNavRailSeparatorConfig,
-  SidebarNavRenderLinkArgs,
-} from './types.js';

package/src/components/sidebarNav/types.ts

@@ -1,126 +0,0 @@
-import type { IconName } from 'Components/icon/allowedIcons';
-import type { Icon } from 'Components/icon/Icon';
-import type { AnchorHTMLAttributes } from 'react';
-
-export type SidebarNavLinkProps = Omit<
-  AnchorHTMLAttributes<HTMLAnchorElement>,
-  'href' | 'children' | 'className'
-> & Record<`data-${string}`, string | number | boolean | undefined>;
-
-export type SidebarNavRenderLinkArgs = {
-  href: string;
-  className: string;
-  children: React.ReactNode;
-  ariaCurrent?: 'page';
-  ariaLabel?: string;
-  onClick?: React.MouseEventHandler;
-  linkProps?: SidebarNavLinkProps;
-  linkElementProps?: Omit<
-    AnchorHTMLAttributes<HTMLAnchorElement>,
-    'href' | 'className' | 'children'
-  >;
-};
-
-type SidebarNavItemNodeFavouriteFields
-  = | { canFavourite?: false; favouriteTooltip?: never }
-    | { canFavourite: true; favouriteTooltip: string };
-
-type SidebarNavItemNodeLinkFields = {
-  href: string;
-  onClick?: React.MouseEventHandler;
-};
-
-type SidebarNavItemNodeButtonFields = {
-  href?: never;
-  onClick: React.MouseEventHandler;
-};
-
-export type SidebarNavItemNode = {
-  type: 'item';
-  id: string;
-  label: string;
-  current?: boolean;
-  linkProps?: SidebarNavLinkProps;
-  isPressed?: boolean;
-  onFavouriteClick?: React.MouseEventHandler<HTMLButtonElement>;
-} & SidebarNavItemNodeFavouriteFields
-& (SidebarNavItemNodeLinkFields | SidebarNavItemNodeButtonFields);
-
-export type SidebarNavGroupNode = {
-  type: 'group';
-  id: string;
-  label: string;
-  children: SidebarNavNode[];
-  defaultExpanded?: boolean;
-  expanded?: boolean;
-  onExpandedChange?: (expanded: boolean) => void;
-};
-
-export type SidebarNavNode = SidebarNavItemNode | SidebarNavGroupNode;
-
-export type SidebarNavRailSeparatorConfig = {
-  type: 'separator';
-  id: string;
-};
-
-export type SidebarNavIconColor = Icon.Props['color'];
-
-type SidebarNavRailItemBase = {
-  type?: 'item';
-  id: string;
-  label: string;
-  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-};
-
-export type SidebarNavRailItemStandard = SidebarNavRailItemBase & {
-  iconName: IconName;
-  href?: string;
-  current?: boolean;
-  badgeContent?: React.ReactNode;
-  iconColor?: SidebarNavIconColor;
-  renderItem?: never;
-  opensPanel?: false;
-};
-
-export type SidebarNavRailItemPanelTrigger = SidebarNavRailItemBase & {
-  opensPanel: true;
-  iconName: IconName;
-  iconColor?: SidebarNavIconColor;
-  renderItem?: never;
-  href?: never;
-  badgeContent?: never;
-  current?: never;
-};
-
-export type SidebarNavRailItemCustom = SidebarNavRailItemBase & {
-  renderItem: (item: SidebarNavRailItemCustom) => React.ReactNode;
-  iconName?: never;
-  iconColor?: never;
-  href?: never;
-  opensPanel?: never;
-  badgeContent?: never;
-  current?: never;
-};
-
-export type SidebarNavRailItemConfig
-  = | SidebarNavRailItemStandard
-    | SidebarNavRailItemPanelTrigger
-    | SidebarNavRailItemCustom;
-
-export type SidebarNavRailEntry = SidebarNavRailItemConfig | SidebarNavRailSeparatorConfig;
-
-export function isSidebarNavRailSeparator(
-  entry: SidebarNavRailEntry,
-): entry is SidebarNavRailSeparatorConfig {
-  return 'type' in entry && entry.type === 'separator';
-}
-
-export type SidebarNavProps = {
-  expanded?: boolean;
-  defaultExpanded?: boolean;
-  onExpandedChange?: (expanded: boolean) => void;
-  renderLink?: (args: SidebarNavRenderLinkArgs) => React.ReactElement;
-  railItems?: SidebarNavRailEntry[];
-  panelTitle?: string;
-  panelNavItems?: SidebarNavNode[];
-} & React.HTMLAttributes<HTMLDivElement>;