@jetbrains/kotlin-web-site-ui 4.3.0-alpha.1 → 4.3.0-next-layout.2

package/out/components/header/menu-popup/menu-list-item/menu-list-item.js

@@ -1,28 +0,0 @@
-import React__default, { useCallback } from 'react';
-import classNames from 'classnames';
-import styles from './menu-list-item.module.pcss.js';
-
-const MenuListItem = ({
-  item,
-  level,
-  linkHandler
-}) => {
-  const Tag = item.url ? 'a' : 'span';
-  const style = {
-    '--level': level
-  };
-  const handleClick = useCallback(event => linkHandler && item.url && linkHandler(event, item.url), []);
-  return React__default.createElement(Tag, Object.assign({}, item.url ? {
-    href: item.url,
-    onClick: handleClick
-  } : {}, {
-    className: classNames(styles.menuItem, {
-      [styles.menuItemRoot]: level === 0,
-      [styles.active]: item.isActive,
-      [styles.activeWithChild]: item.items && item.items.length
-    }),
-    style: style
-  }), item.title);
-};
-
-export { MenuListItem };

package/out/components/header/menu-popup/menu-list-item/menu-list-item.module.pcss.js

@@ -1,7 +0,0 @@
-var styles = {
-  "menuItem": "ktl-menu-list-item-module_menu-item_Aruue",
-  "active": "ktl-menu-list-item-module_active_jHfJR",
-  "activeWithChild": "ktl-menu-list-item-module_active-with-child_ier2a",
-  "menuItemRoot": "ktl-menu-list-item-module_menu-item-root_Rzcqb"
-};
-export { styles as default };

package/out/components/top-menu/vertical-menu/vertical-menu.js

@@ -1,123 +0,0 @@
-import React__default, { useState, useCallback, useEffect, useRef, useLayoutEffect } from 'react';
-import classNames from 'classnames';
-import styles from './vertical-menu.module.pcss.js';
-import { useTextStyles } from '@rescui/typography';
-import SvgArrowDropdownIcon from './arrow-dropdown-icon.svg.js';
-import { useTheme } from '@rescui/ui-contexts';
-import Button from '@rescui/button';
-import { CloseIcon } from '@rescui/icons';
-import { disableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';
-import { createPortal } from 'react-dom';
-
-const VerticalMenu = ({
-  homeUrl,
-  title,
-  mobileTitle = 'Overview',
-  items,
-  activeIndex,
-  linkHandler,
-  mobileOverview = true,
-  topMenuRef
-}) => {
-  const textCn = useTextStyles();
-
-  let _items = (mobileOverview ? [{
-    title: mobileTitle,
-    url: homeUrl
-  }] : []).concat(items);
-
-  const _activeIndex = mobileOverview ? activeIndex + 1 : activeIndex;
-
-  const activeItem = _items[_activeIndex];
-  const [isExpanded, setIsExpanded] = useState(false);
-  const [portalRoot, setPortalRoot] = useState(null);
-  const handleOpen = useCallback(() => {
-    setIsExpanded(true);
-  }, []);
-  const handleClose = useCallback(() => {
-    setIsExpanded(false);
-  }, []);
-  useEffect(() => {
-    if (typeof document !== `undefined`) {
-      setPortalRoot(document.body);
-    }
-  }, []);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: classNames(styles.dropdownMenu, {
-      [styles.dropdownMenuExpanded]: isExpanded
-    })
-  }, React__default.createElement("button", {
-    className: classNames(styles.button),
-    "aria-haspopup": "true",
-    onClick: handleOpen
-  }, React__default.createElement("span", {
-    className: textCn('rs-text-2', {
-      hardness: 'hard'
-    })
-  }, activeItem.title), React__default.createElement(SvgArrowDropdownIcon, {
-    className: styles.icon
-  })), !!portalRoot && isExpanded && createPortal(React__default.createElement(VerticalMenuDropDown, {
-    title: title,
-    activeIndex: _activeIndex,
-    items: _items,
-    onClose: handleClose,
-    linkHandler: linkHandler,
-    topMenuRef: topMenuRef
-  }), portalRoot)));
-};
-
-const VerticalMenuDropDown = ({
-  title,
-  onClose,
-  items,
-  linkHandler,
-  activeIndex,
-  topMenuRef
-}) => {
-  const textCn = useTextStyles();
-  const theme = useTheme();
-  const navRef = useRef(null);
-  const [navStyle, setNavStyle] = useState({});
-  useEffect(() => {
-    if (navRef.current) {
-      disableBodyScroll(navRef.current);
-    }
-
-    return clearAllBodyScrollLocks;
-  }, []);
-  useLayoutEffect(() => {
-    if (topMenuRef.current) {
-      setNavStyle({
-        top: topMenuRef.current.getBoundingClientRect().top
-      });
-    }
-  }, [topMenuRef]);
-  return React__default.createElement("nav", {
-    ref: navRef,
-    style: navStyle,
-    className: classNames(styles.dropdownList, {
-      [styles.dropdownListDarkTheme]: theme === 'dark'
-    })
-  }, React__default.createElement("div", {
-    className: styles.dropdownHeader
-  }, React__default.createElement("div", {
-    className: textCn('rs-text-2')
-  }, title), React__default.createElement(Button, {
-    mode: 'clear',
-    size: 'l',
-    icon: React__default.createElement(CloseIcon, null),
-    onClick: onClose
-  })), items.map((item, index) => React__default.createElement("a", {
-    key: item.url,
-    href: item.url,
-    className: classNames(styles.dropdownItem, textCn('rs-text-1', {
-      hardness: 'hard'
-    }), {
-      [styles.dropdownItemActive]: index === activeIndex
-    }),
-    onClick: event => linkHandler?.(event, item.url),
-    target: item.isExternal ? '_blank' : undefined
-  }, item.title)));
-};
-
-export { VerticalMenu };

package/out/components/top-menu/vertical-menu/vertical-menu.module.pcss.js

@@ -1,13 +0,0 @@
-var styles = {
-  "verticalMenu": "ktl-vertical-menu-module_vertical-menu_aLIbw",
-  "button": "ktl-vertical-menu-module_button_zqr20",
-  "buttonText": "ktl-vertical-menu-module_button-text_aXith",
-  "icon": "ktl-vertical-menu-module_icon_-Ieat",
-  "dropdownHeader": "ktl-vertical-menu-module_dropdown-header_77lTy",
-  "dropdownList": "ktl-vertical-menu-module_dropdown-list_N3KWV",
-  "dropdownItem": "ktl-vertical-menu-module_dropdown-item_XLfp4",
-  "dropdownItemActive": "ktl-vertical-menu-module_dropdown-item-active_iBUbj",
-  "verticalMenuExpanded": "ktl-vertical-menu-module_vertical-menu-expanded_kFaaI",
-  "dropdownListDarkTheme": "ktl-vertical-menu-module_dropdown-list-dark-theme_A1-Bw"
-};
-export { styles as default };