@hashicorp/design-system-components 3.6.0 → 4.0.0

package/addon/modifiers/hds-tooltip.js

@@ -1,164 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-// Note: the majority of this code is a porting of the existing tooltip implementation in Cloud UI
-// (which was initially implemented in Structure)
-
-import Modifier from 'ember-modifier';
-import { assert } from '@ember/debug';
-import { registerDestructor } from '@ember/destroyable';
-
-import tippy, { followCursor } from 'tippy.js';
-// used by custom SVG arrow:
-import 'tippy.js/dist/svg-arrow.css';
-
-function cleanup(instance) {
-  const { interval, needsTabIndex, tooltip } = instance;
-  if (needsTabIndex) {
-    tooltip?.reference?.removeAttribute('tabindex');
-  }
-  clearInterval(interval);
-  tooltip?.destroy();
-}
-
-/**
- *
- * `Tooltip` implements a modifier that uses Tippy.js to display a tooltip.
- *
- * Sample usage:
- * ```
- * <div {{hds-tooltip 'Text' options=(hash )}}>Hover me!</div>
- * ```
- *
- * @see https://atomiks.github.io/tippyjs
- * @class TooltipModifier
- *
- */
-export default class HdsTooltipModifier extends Modifier {
-  didSetup = false;
-
-  interval = null;
-  needsTabIndex = false;
-  tooltip = null;
-
-  constructor(owner, args) {
-    super(owner, args);
-    registerDestructor(this, cleanup);
-  }
-
-  hideOnEsc = {
-    name: 'hideOnEsc',
-    defaultValue: true,
-    fn({ hide }) {
-      function onKeyDown(event) {
-        if (event.keyCode === 27) {
-          hide();
-        }
-      }
-
-      return {
-        onShow() {
-          document.addEventListener('keydown', onKeyDown);
-        },
-        onHide() {
-          document.removeEventListener('keydown', onKeyDown);
-        },
-      };
-    },
-  };
-
-  modify(element, positional, named) {
-    assert('Tooltip must have an element', element);
-
-    if (!this.didSetup) {
-      this.#setup(element, positional, named);
-      this.didSetup = true;
-    }
-
-    this.#update(element, positional, named);
-  }
-
-  #setup(element, positional, named) {
-    const tooltipProps = this.#getTooltipProps(element, positional, named);
-    this.tooltip = tippy(element, tooltipProps);
-  }
-
-  #update(element, positional, named) {
-    const tooltipProps = this.#getTooltipProps(element, positional, named);
-    this.tooltip.setProps(tooltipProps);
-  }
-
-  #getTooltipProps(element, positional, named) {
-    const { options = {} } = named;
-    let [content] = positional;
-
-    let $anchor = element;
-
-    // Make it easy to specify the modified element as the actual tooltip.
-    if (typeof options.triggerTarget === 'string') {
-      const $el = $anchor;
-      switch (options.triggerTarget) {
-        case 'parentNode':
-          $anchor = $anchor.parentNode;
-          break;
-        default:
-          $anchor = $anchor.querySelectorAll(options.triggerTarget);
-      }
-      content = $anchor.cloneNode(true);
-      $el.remove();
-      options.triggerTarget = undefined;
-    }
-
-    // The {{hds-tooltip}} will just use the HTML content.
-    if (typeof content === 'undefined') {
-      content = $anchor.innerHTML;
-      $anchor.innerHTML = '';
-    }
-
-    if (options.trigger === 'manual') {
-      // If we are manually triggering, a out delay means only show for the
-      // amount of time specified by the delay.
-      const delay = options.delay || [];
-
-      if (typeof delay[1] !== 'undefined') {
-        options.onShown = (tooltip) => {
-          clearInterval(this.interval);
-          this.interval = setTimeout(() => {
-            tooltip.hide();
-          }, delay[1]);
-        };
-      }
-    }
-
-    const $trigger = $anchor;
-
-    if (!$trigger.hasAttribute('tabindex')) {
-      this.needsTabIndex = true;
-      $trigger.setAttribute('tabindex', '0');
-    }
-
-    return {
-      theme: 'hds',
-      triggerTarget: $trigger,
-      arrow: `
-        <svg class="hds-tooltip-pointer" width="16" height="7" viewBox="0 0 16 7" xmlns="http://www.w3.org/2000/svg">
-          <path d="M0 7H16L9.11989 0.444571C8.49776 -0.148191 7.50224 -0.148191 6.88011 0.444572L0 7Z" />
-        </svg>`,
-      // keeps tooltip itself open on hover:
-      interactive: true,
-      // fix accessibility features that get messed up with setting interactive: true
-      aria: {
-        content: 'describedby',
-        expanded: null,
-      },
-      content: () => content,
-      plugins: [
-        typeof options.followCursor !== 'undefined' ? followCursor : undefined,
-        this.hideOnEsc,
-      ].filter((item) => Boolean(item)),
-      ...options,
-    };
-  }
-}

package/addon/template-registry.ts

@@ -1,12 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-import type HdsButtonIndexComponent from '@hashicorp/design-system-components/components/hds/button';
-import type HdsInteractiveIndexComponent from '@hashicorp/design-system-components/components/hds/interactive';
-
-export default interface HdsComponentsRegistry {
-  HdsButtonComponent: typeof HdsButtonIndexComponent;
-  HdsInteractiveComponent: typeof HdsInteractiveIndexComponent;
-}

package/addon/utils/hds-get-element-id.js

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-import { guidFor } from '@ember/object/internals';
-
-export function getElementId(element) {
-  // use @id arg, if provided
-  if (element.args.id) {
-    return element.args.id;
-  }
-
-  // otherwise, generate and memoize a guid
-  if (!element._id) {
-    element._id = guidFor(element);
-  }
-  return element._id;
-}

package/addon/utils/hds-set-aria-described-by.js

@@ -1,15 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export function setAriaDescribedBy(element) {
-  // append @extraAriaDescribedBy arg, if provided
-  if (element.args.extraAriaDescribedBy) {
-    element.descriptors.push(element.args.extraAriaDescribedBy);
-  }
-
-  if (element.descriptors.length) {
-    element.ariaDescribedBy = element.descriptors.join(' ');
-  }
-}

package/app/components/hds/accordion/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/accordion/index';

package/app/components/hds/accordion/item/button.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/accordion/item/button';

package/app/components/hds/accordion/item/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/accordion/item/index';

package/app/components/hds/alert/description.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/alert/description';

package/app/components/hds/alert/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/alert/index';

package/app/components/hds/alert/title.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/alert/title';

package/app/components/hds/app-footer/copyright.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-footer/copyright';

package/app/components/hds/app-footer/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-footer/index';

package/app/components/hds/app-footer/item.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-footer/item';

package/app/components/hds/app-footer/legal-links.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-footer/legal-links';

package/app/components/hds/app-footer/link.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-footer/link';

package/app/components/hds/app-footer/status-link.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-footer/status-link';

package/app/components/hds/app-frame/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-frame/index';

package/app/components/hds/app-frame/parts/footer.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-frame/parts/footer';

package/app/components/hds/app-frame/parts/header.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-frame/parts/header';

package/app/components/hds/app-frame/parts/main.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-frame/parts/main';

package/app/components/hds/app-frame/parts/modals.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-frame/parts/modals';

package/app/components/hds/app-frame/parts/sidebar.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/app-frame/parts/sidebar';

package/app/components/hds/application-state/body.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/application-state/body';

package/app/components/hds/application-state/footer.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/application-state/footer';

package/app/components/hds/application-state/header.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/application-state/header';

package/app/components/hds/application-state/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/application-state/index';

package/app/components/hds/badge/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/badge/index';

package/app/components/hds/badge-count/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/badge-count/index';

package/app/components/hds/breadcrumb/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/breadcrumb/index';

package/app/components/hds/breadcrumb/item.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/breadcrumb/item';

package/app/components/hds/breadcrumb/truncation.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/breadcrumb/truncation';

package/app/components/hds/button/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/button/index';

package/app/components/hds/button-set/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/button-set/index';

package/app/components/hds/card/container.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/card/container';

package/app/components/hds/code-block/copy-button.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/code-block/copy-button';

package/app/components/hds/code-block/description.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/code-block/description';

package/app/components/hds/code-block/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/code-block/index';

package/app/components/hds/code-block/title.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/code-block/title';

package/app/components/hds/copy/button/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/copy/button/index';

package/app/components/hds/copy/snippet/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/copy/snippet/index';

package/app/components/hds/disclosure-primitive/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/disclosure-primitive/index';

package/app/components/hds/dismiss-button/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dismiss-button/index';

package/app/components/hds/dropdown/footer.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/footer';

package/app/components/hds/dropdown/header.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/header';

package/app/components/hds/dropdown/index.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/index';

package/app/components/hds/dropdown/list-item/checkbox.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/checkbox';

package/app/components/hds/dropdown/list-item/checkmark.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/checkmark';

package/app/components/hds/dropdown/list-item/copy-item.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/copy-item';

package/app/components/hds/dropdown/list-item/description.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/description';

package/app/components/hds/dropdown/list-item/generic.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/generic';

package/app/components/hds/dropdown/list-item/interactive.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/interactive';

package/app/components/hds/dropdown/list-item/radio.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/radio';

package/app/components/hds/dropdown/list-item/separator.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/separator';

package/app/components/hds/dropdown/list-item/title.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/list-item/title';

package/app/components/hds/dropdown/toggle/button.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/toggle/button';

package/app/components/hds/dropdown/toggle/chevron.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/toggle/chevron';

package/app/components/hds/dropdown/toggle/icon.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/dropdown/toggle/icon';

package/app/components/hds/flyout/body.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from '@hashicorp/design-system-components/components/hds/flyout/body';