@instructure/ui-navigation 8.56.0 → 9.0.0

package/lib/Navigation/index.js

@@ -1,145 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Navigation = void 0;
-Object.defineProperty(exports, "NavigationItem", {
-  enumerable: true,
-  get: function () {
-    return _NavigationItem.NavigationItem;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _deprecated = require("@instructure/ui-react-utils/lib/deprecated.js");
-var _IconMoveStartLine = require("@instructure/ui-icons/lib/IconMoveStartLine.js");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-var _emotion = require("@instructure/emotion");
-var _NavigationItem = require("./NavigationItem");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _dec, _dec2, _dec3, _class, _class2;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/** @jsx jsx */
-const navMinimized = ({
-  minimized
-}) => ({
-  minimized: !minimized
-});
-
-/**
----
-category: components/deprecated
----
-**/
-let Navigation = exports.Navigation = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec3 = (0, _deprecated.deprecated)('9.0.0', null, 'This component is deprecated and will be removed in a later version. Use <SideNavBar /> instead.'), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Navigation extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.ref = null;
-    this.handleNavToggle = event => {
-      if (!this.isControlled()) {
-        this.setState(navMinimized);
-      }
-      if (typeof this.props.onMinimized === 'function') {
-        this.props.onMinimized(event, !this.minimized);
-      }
-    };
-    this.state = {
-      minimized: this.isControlled(props) ? !!props.minimized : !!props.defaultMinimized
-    };
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, {
-      minimized: this.minimized
-    });
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, {
-      minimized: this.minimized
-    });
-  }
-  get minimized() {
-    if (this.isControlled()) {
-      return !!this.props.minimized;
-    }
-    return !!this.state.minimized;
-  }
-  isControlled(props = this.props) {
-    return typeof props.minimized === 'boolean';
-  }
-  renderChildren() {
-    return _react.Children.map(this.props.children, child => {
-      var _this$props$styles;
-      const navItem = (0, _safeCloneElement.safeCloneElement)(child, {
-        minimized: this.state.minimized
-      });
-      return (0, _emotion.jsx)("li", {
-        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.list
-      }, navItem);
-    });
-  }
-  toggleMessage() {
-    return this.state.minimized ? this.props.toggleLabel.minimizedLabel : this.props.toggleLabel.expandedLabel;
-  }
-  render() {
-    var _this$props$styles2, _this$props$styles3, _this$props$styles4, _this$props$styles5;
-    const label = this.props.label;
-    const props = (0, _omitProps.omitProps)(this.props, Navigation.allowedProps, ['minimized']);
-    return (0, _emotion.jsx)("nav", Object.assign({}, props, {
-      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.navigation,
-      "aria-label": label,
-      ref: element => {
-        this.ref = element;
-      }
-    }), (0, _emotion.jsx)("ul", {
-      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.content
-    }, this.renderChildren()), (0, _emotion.jsx)("div", {
-      css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.toggle
-    }, (0, _emotion.jsx)(_NavigationItem.NavigationItem, {
-      "aria-expanded": !this.minimized,
-      onClick: this.handleNavToggle,
-      icon: (0, _emotion.jsx)(_IconMoveStartLine.IconMoveStartLine, {
-        css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.toggleIcon,
-        inline: false
-      }),
-      label: (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, this.toggleMessage())
-    })));
-  }
-}, _class2.displayName = "Navigation", _class2.componentId = 'Navigation', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
-  children: null,
-  defaultMinimized: false,
-  // TODO we should investigate later if it used or not
-  onClick: function (_e) {}
-}, _class2.Item = _NavigationItem.NavigationItem, _class2)) || _class) || _class) || _class);
-var _default = exports.default = Navigation;

package/lib/Navigation/locator.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "NavigationItemLocator", {
-  enumerable: true,
-  get: function () {
-    return _NavigationLocator.NavigationItemLocator;
-  }
-});
-Object.defineProperty(exports, "NavigationLocator", {
-  enumerable: true,
-  get: function () {
-    return _NavigationLocator.NavigationLocator;
-  }
-});
-exports.default = void 0;
-var _NavigationLocator = require("./NavigationLocator");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-var _default = exports.default = _NavigationLocator.NavigationLocator;

package/lib/Navigation/props.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.allowedProps = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-var _NavigationItem = require("./NavigationItem");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const propTypes = exports.propTypes = {
-  children: _Children.Children.oneOf([_NavigationItem.NavigationItem]),
-  minimized: (0, _controllable.controllable)(_propTypes.default.bool, 'onMinimized', 'defaultMinimized'),
-  defaultMinimized: _propTypes.default.bool,
-  onMinimized: _propTypes.default.func,
-  label: _propTypes.default.string.isRequired,
-  toggleLabel: _propTypes.default.shape({
-    expandedLabel: _propTypes.default.string,
-    minimizedLabel: _propTypes.default.string
-  }).isRequired,
-  href: _propTypes.default.string,
-  onClick: _propTypes.default.func
-};
-const allowedProps = exports.allowedProps = ['children', 'minimized', 'defaultMinimized', 'onMinimized', 'label', 'toggleLabel', 'href', 'onClick'];

package/lib/Navigation/styles.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, props, state) => {
-  const minimized = state.minimized;
-  return {
-    navigation: {
-      label: 'navigation',
-      color: componentTheme.fontColor,
-      backgroundColor: componentTheme.backgroundColor,
-      boxSizing: 'border-box',
-      display: 'flex',
-      flexDirection: 'column',
-      width: componentTheme.width,
-      height: '100%',
-      overflowY: 'auto',
-      ...(minimized ? {
-        width: componentTheme.minimizedWidth
-      } : {})
-    },
-    list: {
-      label: 'navigation__list',
-      padding: 0,
-      margin: 0
-    },
-    content: {
-      label: 'navigation__content',
-      listStyleType: 'none',
-      margin: '0',
-      padding: '0',
-      flex: '1 0 auto'
-    },
-    toggle: {
-      transform: 'translate3d(0, 0, 0)',
-      transition: `all ${componentTheme.toggleTransition}`,
-      ...(minimized ? {
-        transform: 'rotate3d(0, 1, 0, -180deg)'
-      } : {})
-    },
-    toggleIcon: {
-      fill: componentTheme.fill,
-      margin: '0 auto'
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/Navigation/theme.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const colors = theme.colors,
-    spacing = theme.spacing,
-    borders = theme.borders,
-    transitions = theme.transitions,
-    themeName = theme.key;
-  const themeSpecificStyle = {
-    canvas: {
-      backgroundColor: theme['ic-brand-global-nav-bgd'],
-      fontColor: theme['ic-brand-global-nav-menu-item__text-color'],
-      fill: theme['ic-brand-global-nav-ic-icon-svg-fill']
-    }
-  };
-  const componentVariables = {
-    fontColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
-    backgroundColor: colors === null || colors === void 0 ? void 0 : colors.backgroundBrandSecondary,
-    width: '5.25rem',
-    minimizedWidth: '3.375rem',
-    fill: colors === null || colors === void 0 ? void 0 : colors.textLightest,
-    focusOutlineInnerWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
-    focusOutlineOuterWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
-    focusOutlineInnerColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
-    focusOutlineOuterColor: colors === null || colors === void 0 ? void 0 : colors.borderLightest,
-    marginBottom: spacing === null || spacing === void 0 ? void 0 : spacing.small,
-    toggleTransition: transitions === null || transitions === void 0 ? void 0 : transitions.duration
-  };
-  return {
-    ...componentVariables,
-    ...themeSpecificStyle[themeName]
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/src/Navigation/NavigationItem/NavigationItemLocator.ts

@@ -1,34 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import { locator } from '@instructure/ui-test-locator'
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
-// eslint-disable-next-line no-restricted-imports
-import { TooltipLocator } from '@instructure/ui-tooltip/es/Tooltip/TooltipLocator'
-
-import { NavigationItem } from './index'
-
-// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-export const NavigationItemLocator = locator(NavigationItem.selector, {
-  findTooltipContent: (...args: any[]) => TooltipLocator.findContent(...args)
-})

package/src/Navigation/NavigationItem/index.tsx

@@ -1,117 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/** @jsx jsx */
-import { Component } from 'react'
-
-import { testable } from '@instructure/ui-testable'
-import { omitProps, getElementType } from '@instructure/ui-react-utils'
-import { Tooltip } from '@instructure/ui-tooltip'
-import { hasVisibleChildren } from '@instructure/ui-a11y-utils'
-import { withStyle, jsx } from '@instructure/emotion'
-
-import generateStyle from './styles'
-import generateComponentTheme from './theme'
-import type { NavigationItemProps } from './props'
-import { allowedProps, propTypes } from './props'
-
-/**
----
-parent: Navigation
-id: Navigation.Item
----
-**/
-@withStyle(generateStyle, generateComponentTheme)
-@testable()
-class NavigationItem extends Component<NavigationItemProps> {
-  static readonly componentId = 'Navigation.Item'
-
-  static allowedProps = allowedProps
-  static propTypes = propTypes
-
-  static defaultProps = {
-    as: 'a',
-    selected: false,
-    minimized: false
-  } as const
-
-  ref: Element | null = null
-
-  handleRef = (el: Element | null) => {
-    const { elementRef } = this.props
-    this.ref = el
-    if (typeof elementRef === 'function') {
-      elementRef(el)
-    }
-  }
-
-  componentDidMount() {
-    this.props.makeStyles?.({ minimized: this.props.minimized })
-  }
-
-  componentDidUpdate() {
-    this.props.makeStyles?.({ minimized: this.props.minimized })
-  }
-
-  renderLink(addRef: boolean) {
-    const ElementType = getElementType(NavigationItem, this.props)
-
-    const { href, onClick, icon, label } = this.props
-
-    const props = omitProps(this.props, NavigationItem.allowedProps)
-
-    return (
-      <ElementType
-        {...props}
-        href={href}
-        onClick={onClick}
-        ref={addRef ? this.handleRef : undefined}
-        css={this.props.styles?.navigationItem}
-        aria-label={this.props.minimized ? (label as string) : undefined}
-      >
-        <div css={this.props.styles?.icon} aria-hidden="true">
-          {icon}
-        </div>
-        {!this.props.minimized ? (
-          <div css={this.props.styles?.label}>{label}</div>
-        ) : null}
-      </ElementType>
-    )
-  }
-
-  render() {
-    const { minimized, label } = this.props
-    const hasTooltip: boolean = minimized! && hasVisibleChildren(label)
-    const link = this.renderLink(!hasTooltip)
-    return hasTooltip ? (
-      <Tooltip renderTip={label} placement="end" elementRef={this.handleRef}>
-        {link}
-      </Tooltip>
-    ) : (
-      link
-    )
-  }
-}
-
-export default NavigationItem
-export { NavigationItem }

package/src/Navigation/NavigationItem/locator.ts

@@ -1,27 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import { NavigationItemLocator } from './NavigationItemLocator'
-
-export { NavigationItemLocator }
-export default NavigationItemLocator

package/src/Navigation/NavigationItem/props.ts

@@ -1,102 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import PropTypes from 'prop-types'
-import React from 'react'
-import type {
-  AsElementType,
-  PropValidators,
-  NavigationItemTheme,
-  OtherHTMLAttributes
-} from '@instructure/shared-types'
-import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
-
-type NavigationItemOwnProps = {
-  /**
-   * The reference to the underlying HTML element
-   */
-  elementRef?: (el: Element | null) => void
-  /**
-   * The visual to display (ex. an Image, Logo, Avatar, or Icon)
-   */
-  icon: React.ReactNode
-  /**
-   * The text to display  for the Navigation Link
-   */
-  label: React.ReactNode
-  /**
-   * The element type to render as (will default to `<a>` if href is provided)
-   */
-  as?: AsElementType
-  /**
-   * If the NavigationItem goes to a new page, pass an href
-   */
-  href?: string
-  /**
-   * If the NavigationItem does not go to a new page pass an onClick
-   */
-  onClick?: (event: React.MouseEvent) => void
-  /**
-   * Denotes which NavigationItem is currently selected
-   */
-  selected?: boolean
-  /**
-   * When minimized is set to true, the `<Navigation />` shows icons only while the text becomes a tooltip. When it is set to false, the `<Navigation />` shows text in addition to the icons
-   */
-  minimized?: boolean
-}
-
-type PropKeys = keyof NavigationItemOwnProps
-
-type AllowedPropKeys = Readonly<Array<PropKeys>>
-
-type NavigationItemProps = NavigationItemOwnProps &
-  WithStyleProps<NavigationItemTheme, NavigationItemStyle> &
-  OtherHTMLAttributes<NavigationItemOwnProps>
-
-type NavigationItemStyle = ComponentStyle<'navigationItem' | 'icon' | 'label'>
-
-const propTypes: PropValidators<PropKeys> = {
-  elementRef: PropTypes.func,
-  icon: PropTypes.node.isRequired,
-  label: PropTypes.node.isRequired,
-  as: PropTypes.elementType,
-  href: PropTypes.string,
-  onClick: PropTypes.func,
-  selected: PropTypes.bool,
-  minimized: PropTypes.bool
-}
-
-const allowedProps: AllowedPropKeys = [
-  'elementRef',
-  'icon',
-  'label',
-  'as',
-  'href',
-  'onClick',
-  'selected',
-  'minimized'
-]
-
-export type { NavigationItemProps, NavigationItemStyle }
-export { propTypes, allowedProps }