@hashicorp/design-system-components 3.6.0 → 4.0.0

package/dist/modifiers/hds-clipboard.js

@@ -0,0 +1,152 @@
+import { modifier } from 'ember-modifier';
+import { assert, warn } from '@ember/debug';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const getTextToCopy = text => {
+  let textToCopy;
+  if (text) {
+    if (typeof text === 'string') {
+      textToCopy = text;
+    } else if (
+    // context: https://github.com/hashicorp/design-system/pull/1564
+    typeof text === 'number' || typeof text === 'bigint') {
+      textToCopy = text.toString();
+    } else {
+      assert(`\`hds-clipboard\` modifier - \`text\` argument must be a string - provided: ${typeof text}`);
+    }
+  }
+  return textToCopy;
+};
+const getTargetElement = target => {
+  let targetElement;
+  if (typeof target === 'string') {
+    targetElement = document.querySelector(target);
+    if (!targetElement) {
+      console.error('`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string', targetElement);
+      return;
+    }
+  } else if (target instanceof Node && target.nodeType === Node.ELEMENT_NODE) {
+    targetElement = target;
+  } else {
+    if (target instanceof NodeList) {
+      assert('`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes');
+    } else {
+      assert(`\`hds-clipboard\` modifier - \`target\` argument must be a string or a DOM node - provided: ${typeof target}`);
+    }
+  }
+  return targetElement;
+};
+const getTextToCopyFromTargetElement = targetElement => {
+  let textToCopy;
+  if (targetElement instanceof Node && targetElement.nodeType === Node.ELEMENT_NODE) {
+    if (targetElement instanceof HTMLInputElement ||
+    // targetElement.nodeName === 'INPUT' ||
+    targetElement instanceof HTMLTextAreaElement ||
+    // targetElement.nodeName === 'TEXTAREA' ||
+    targetElement instanceof HTMLSelectElement // targetElement.nodeName === 'SELECT'
+    ) {
+      textToCopy = targetElement.value;
+    } else {
+      // simplest approach
+      textToCopy = targetElement.innerText;
+
+      // approach based on text selection (left for backup just in case)
+      // var selection = window.getSelection();
+      // var range = document.createRange();
+      // selection.removeAllRanges();
+      // range.selectNodeContents(targetElement);
+      // selection.addRange(range);
+      // textToCopy = selection.toString();
+      // selection.removeAllRanges();
+    }
+  }
+  return textToCopy;
+};
+const writeTextToClipboard = async textToCopy => {
+  // finally copy the text to the clipboard using the Clipboard API
+  // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
+  if (textToCopy) {
+    try {
+      // notice: the "clipboard-write" permission is granted automatically to pages when they are in the active tab
+      // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write
+      await navigator.clipboard.writeText(textToCopy);
+      // DEBUG uncomment this for easy debugging
+      // console.log('success', textToCopy);
+      return true;
+    } catch (error) {
+      // clipboard write failed
+      // this probably never happens (see comment above) or happens only for very old browsers that don't for which `navigator.clipboard` is undefined
+      warn('copy action failed, please check your browser‘s permissions', {
+        id: 'hds-clipboard.write-text-to-clipboard.catch-error'
+      });
+      return false;
+    }
+  } else {
+    return false;
+  }
+};
+const copyToClipboard = async (text, target) => {
+  let textToCopy;
+  if (text) {
+    textToCopy = getTextToCopy(text);
+  } else if (target) {
+    const targetElement = getTargetElement(target);
+    textToCopy = getTextToCopyFromTargetElement(targetElement);
+  } else {
+    assert('`hds-clipboard` modifier - either a `text` or a `target` argument is required');
+  }
+  const success = await writeTextToClipboard(textToCopy);
+  return success;
+};
+
+// Notice: we use a function-based modifier here instead of a class-based one
+// because it's quite simple in its logic, and doesn't require injecting services
+// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers
+
+var hdsClipboard = modifier((element, positional, named) => {
+  assert('`hds-clipboard` modifier - the modifier must be applied to an element', element);
+  const {
+    text,
+    target,
+    onSuccess,
+    onError
+  } = named;
+  const onClick = async event => {
+    const trigger = event.currentTarget;
+    const success = await copyToClipboard(text, target);
+
+    // fire the `onSuccess/onError` callbacks (if provided)
+    if (success) {
+      if (typeof onSuccess === 'function') {
+        onSuccess({
+          trigger,
+          text,
+          target
+        });
+      }
+    } else {
+      if (typeof onError === 'function') {
+        onError({
+          trigger,
+          text,
+          target
+        });
+      }
+    }
+  };
+
+  // add the "onClick" event listener to the element
+  element.addEventListener('click', onClick);
+
+  // this (teardown) function is run when the element is removed
+  return () => {
+    element.removeEventListener('click', onClick);
+  };
+});
+
+export { copyToClipboard, hdsClipboard as default, getTargetElement, getTextToCopy, getTextToCopyFromTargetElement, writeTextToClipboard };
+//# sourceMappingURL=hds-clipboard.js.map

package/dist/modifiers/hds-clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-clipboard.js","sources":["../../src/modifiers/hds-clipboard.js"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { modifier } from 'ember-modifier';\nimport { assert, warn } from '@ember/debug';\n\nexport const getTextToCopy = (text) => {\n  let textToCopy;\n\n  if (text) {\n    if (typeof text === 'string') {\n      textToCopy = text;\n    } else if (\n      // context: https://github.com/hashicorp/design-system/pull/1564\n      typeof text === 'number' ||\n      typeof text === 'bigint'\n    ) {\n      textToCopy = text.toString();\n    } else {\n      assert(\n        `\\`hds-clipboard\\` modifier - \\`text\\` argument must be a string - provided: ${typeof text}`\n      );\n    }\n  }\n  return textToCopy;\n};\n\nexport const getTargetElement = (target) => {\n  let targetElement;\n  if (typeof target === 'string') {\n    targetElement = document.querySelector(target);\n\n    if (!targetElement) {\n      console.error(\n        '`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string',\n        targetElement\n      );\n      return;\n    }\n  } else if (target instanceof Node && target.nodeType === Node.ELEMENT_NODE) {\n    targetElement = target;\n  } else {\n    if (target instanceof NodeList) {\n      assert(\n        '`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes'\n      );\n    } else {\n      assert(\n        `\\`hds-clipboard\\` modifier - \\`target\\` argument must be a string or a DOM node - provided: ${typeof target}`\n      );\n    }\n  }\n  return targetElement;\n};\n\nexport const getTextToCopyFromTargetElement = (targetElement) => {\n  let textToCopy;\n  if (\n    targetElement instanceof Node &&\n    targetElement.nodeType === Node.ELEMENT_NODE\n  ) {\n    if (\n      targetElement instanceof HTMLInputElement || // targetElement.nodeName === 'INPUT' ||\n      targetElement instanceof HTMLTextAreaElement || // targetElement.nodeName === 'TEXTAREA' ||\n      targetElement instanceof HTMLSelectElement // targetElement.nodeName === 'SELECT'\n    ) {\n      textToCopy = targetElement.value;\n    } else {\n      // simplest approach\n      textToCopy = targetElement.innerText;\n\n      // approach based on text selection (left for backup just in case)\n      // var selection = window.getSelection();\n      // var range = document.createRange();\n      // selection.removeAllRanges();\n      // range.selectNodeContents(targetElement);\n      // selection.addRange(range);\n      // textToCopy = selection.toString();\n      // selection.removeAllRanges();\n    }\n  }\n  return textToCopy;\n};\n\nexport const writeTextToClipboard = async (textToCopy) => {\n  // finally copy the text to the clipboard using the Clipboard API\n  // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API\n  if (textToCopy) {\n    try {\n      // notice: the \"clipboard-write\" permission is granted automatically to pages when they are in the active tab\n      // https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write\n      await navigator.clipboard.writeText(textToCopy);\n      // DEBUG uncomment this for easy debugging\n      // console.log('success', textToCopy);\n      return true;\n    } catch (error) {\n      // clipboard write failed\n      // this probably never happens (see comment above) or happens only for very old browsers that don't for which `navigator.clipboard` is undefined\n      warn('copy action failed, please check your browser‘s permissions', {\n        id: 'hds-clipboard.write-text-to-clipboard.catch-error',\n      });\n      return false;\n    }\n  } else {\n    return false;\n  }\n};\n\nexport const copyToClipboard = async (text, target) => {\n  let textToCopy;\n\n  if (text) {\n    textToCopy = getTextToCopy(text);\n  } else if (target) {\n    const targetElement = getTargetElement(target);\n    textToCopy = getTextToCopyFromTargetElement(targetElement);\n  } else {\n    assert(\n      '`hds-clipboard` modifier - either a `text` or a `target` argument is required'\n    );\n  }\n  const success = await writeTextToClipboard(textToCopy);\n  return success;\n};\n\n// Notice: we use a function-based modifier here instead of a class-based one\n// because it's quite simple in its logic, and doesn't require injecting services\n// see: https://github.com/ember-modifier/ember-modifier#function-based-modifiers\n\nexport default modifier((element, positional, named) => {\n  assert(\n    '`hds-clipboard` modifier - the modifier must be applied to an element',\n    element\n  );\n\n  const { text, target, onSuccess, onError } = named;\n\n  const onClick = async (event) => {\n    const trigger = event.currentTarget;\n    const success = await copyToClipboard(text, target);\n\n    // fire the `onSuccess/onError` callbacks (if provided)\n    if (success) {\n      if (typeof onSuccess === 'function') {\n        onSuccess({ trigger, text, target });\n      }\n    } else {\n      if (typeof onError === 'function') {\n        onError({ trigger, text, target });\n      }\n    }\n  };\n\n  // add the \"onClick\" event listener to the element\n  element.addEventListener('click', onClick);\n\n  // this (teardown) function is run when the element is removed\n  return () => {\n    element.removeEventListener('click', onClick);\n  };\n});\n"],"names":["getTextToCopy","text","textToCopy","toString","assert","getTargetElement","target","targetElement","document","querySelector","console","error","Node","nodeType","ELEMENT_NODE","NodeList","getTextToCopyFromTargetElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","value","innerText","writeTextToClipboard","navigator","clipboard","writeText","warn","id","copyToClipboard","success","modifier","element","positional","named","onSuccess","onError","onClick","event","trigger","currentTarget","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/modifiers/hds-tooltip.js

@@ -0,0 +1,153 @@
+import { c as _classPrivateMethodInitSpec, _ as _defineProperty, d as _classPrivateMethodGet } from '../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Modifier from 'ember-modifier';
+import { assert } from '@ember/debug';
+import { registerDestructor } from '@ember/destroyable';
+import tippy, { followCursor } from 'tippy.js';
+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
+ *
+ */
+var _setup = /*#__PURE__*/new WeakSet();
+var _update = /*#__PURE__*/new WeakSet();
+var _getTooltipProps = /*#__PURE__*/new WeakSet();
+class HdsTooltipModifier extends Modifier {
+  constructor(owner, args) {
+    super(owner, args);
+    _classPrivateMethodInitSpec(this, _getTooltipProps);
+    _classPrivateMethodInitSpec(this, _update);
+    _classPrivateMethodInitSpec(this, _setup);
+    _defineProperty(this, "didSetup", false);
+    _defineProperty(this, "interval", null);
+    _defineProperty(this, "needsTabIndex", false);
+    _defineProperty(this, "tooltip", null);
+    _defineProperty(this, "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);
+          }
+        };
+      }
+    });
+    registerDestructor(this, cleanup);
+  }
+  modify(element, positional, named) {
+    assert('Tooltip must have an element', element);
+    if (!this.didSetup) {
+      _classPrivateMethodGet(this, _setup, _setup2).call(this, element, positional, named);
+      this.didSetup = true;
+    }
+    _classPrivateMethodGet(this, _update, _update2).call(this, element, positional, named);
+  }
+}
+function _setup2(element, positional, named) {
+  const tooltipProps = _classPrivateMethodGet(this, _getTooltipProps, _getTooltipProps2).call(this, element, positional, named);
+  this.tooltip = tippy(element, tooltipProps);
+}
+function _update2(element, positional, named) {
+  const tooltipProps = _classPrivateMethodGet(this, _getTooltipProps, _getTooltipProps2).call(this, element, positional, named);
+  this.tooltip.setProps(tooltipProps);
+}
+function _getTooltipProps2(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
+  };
+}
+
+export { HdsTooltipModifier as default };
+//# sourceMappingURL=hds-tooltip.js.map

package/dist/modifiers/hds-tooltip.js.map

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