npm - @k-int/stripes-kint-components - Versions diffs - 1.6.0 → 2.0.1 - Mend

@k-int/stripes-kint-components 1.6.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (326) hide show

package/src/artifacts/coverage-jest/lcov-report/utils/getFocusableElements.js.html DELETED Viewed

@@ -1,386 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for utils/getFocusableElements.js</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../prettify.css" />
-    <link rel="stylesheet" href="../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../index.html">All files</a> / <a href="index.html">utils</a> getFocusableElements.js</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/37</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/47</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/8</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/37</span>
-            </div>
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a>
-<a name='L24'></a><a href='#L24'>24</a>
-<a name='L25'></a><a href='#L25'>25</a>
-<a name='L26'></a><a href='#L26'>26</a>
-<a name='L27'></a><a href='#L27'>27</a>
-<a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a>
-<a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a>
-<a name='L45'></a><a href='#L45'>45</a>
-<a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a>
-<a name='L54'></a><a href='#L54'>54</a>
-<a name='L55'></a><a href='#L55'>55</a>
-<a name='L56'></a><a href='#L56'>56</a>
-<a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a>
-<a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a>
-<a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a>
-<a name='L64'></a><a href='#L64'>64</a>
-<a name='L65'></a><a href='#L65'>65</a>
-<a name='L66'></a><a href='#L66'>66</a>
-<a name='L67'></a><a href='#L67'>67</a>
-<a name='L68'></a><a href='#L68'>68</a>
-<a name='L69'></a><a href='#L69'>69</a>
-<a name='L70'></a><a href='#L70'>70</a>
-<a name='L71'></a><a href='#L71'>71</a>
-<a name='L72'></a><a href='#L72'>72</a>
-<a name='L73'></a><a href='#L73'>73</a>
-<a name='L74'></a><a href='#L74'>74</a>
-<a name='L75'></a><a href='#L75'>75</a>
-<a name='L76'></a><a href='#L76'>76</a>
-<a name='L77'></a><a href='#L77'>77</a>
-<a name='L78'></a><a href='#L78'>78</a>
-<a name='L79'></a><a href='#L79'>79</a>
-<a name='L80'></a><a href='#L80'>80</a>
-<a name='L81'></a><a href='#L81'>81</a>
-<a name='L82'></a><a href='#L82'>82</a>
-<a name='L83'></a><a href='#L83'>83</a>
-<a name='L84'></a><a href='#L84'>84</a>
-<a name='L85'></a><a href='#L85'>85</a>
-<a name='L86'></a><a href='#L86'>86</a>
-<a name='L87'></a><a href='#L87'>87</a>
-<a name='L88'></a><a href='#L88'>88</a>
-<a name='L89'></a><a href='#L89'>89</a>
-<a name='L90'></a><a href='#L90'>90</a>
-<a name='L91'></a><a href='#L91'>91</a>
-<a name='L92'></a><a href='#L92'>92</a>
-<a name='L93'></a><a href='#L93'>93</a>
-<a name='L94'></a><a href='#L94'>94</a>
-<a name='L95'></a><a href='#L95'>95</a>
-<a name='L96'></a><a href='#L96'>96</a>
-<a name='L97'></a><a href='#L97'>97</a>
-<a name='L98'></a><a href='#L98'>98</a>
-<a name='L99'></a><a href='#L99'>99</a>
-<a name='L100'></a><a href='#L100'>100</a>
-<a name='L101'></a><a href='#L101'>101</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/* eslint-disable import/no-extraneous-dependencies */
-// THIS FILE IS ADAPTED FROM https://github.com/folio-org/stripes-components/blob/master/util/getFocusableElements.js
-// With the option included to return null if run out of options
-// TODO swap to stripes-components export once available (Will need &lt;= peer dep bump)
-&nbsp;
-import contains from 'dom-helpers/query/contains';
-import matches from 'dom-helpers/query/matches';
-import first from 'lodash/first';
-import last from 'lodash/last';
-&nbsp;
-function <span class="fstat-no" title="function not covered" >getVisibleFocusableElements(</span>container = <span class="branch-0 cbranch-no" title="branch not covered" >document,</span> includeContained, currentElement) {
-<span class="cstat-no" title="statement not covered" >  if (container.querySelectorAll) {</span>
-    // eslint-disable-next-line max-len
-    const focusableSelector = <span class="cstat-no" title="statement not covered" >'a:not([disabled]), button:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([disabled]):not([tabindex="-1"]), [tabIndex="-1"]:not([disabled]):focus';</span>
-<span class="cstat-no" title="statement not covered" >    return Array.from(container.querySelectorAll(focusableSelector))</span>
-      .filter(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {
-<span class="cstat-no" title="statement not covered" >        if (!includeContained) {</span>
-<span class="cstat-no" title="statement not covered" >          if (element === currentElement) {</span>
-<span class="cstat-no" title="statement not covered" >            return true;</span>
-          }
-<span class="cstat-no" title="statement not covered" >          if (currentElement &amp;&amp; contains(currentElement, element)) {</span>
-<span class="cstat-no" title="statement not covered" >            return false;</span>
-          }
-        }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >        if (matches(element, '[data-focus-exclude]')) {</span>
-<span class="cstat-no" title="statement not covered" >          return false;</span>
-        }
-&nbsp;
-        // check for visibility while always include the current activeElement
-<span class="cstat-no" title="statement not covered" >        return element.offsetWidth &gt; 0 ||</span>
-        element.offsetHeight &gt; 0 ||
-        element === document.activeElement;
-      });
-  }
-<span class="cstat-no" title="statement not covered" >  return [];</span>
-}
-&nbsp;
-function <span class="fstat-no" title="function not covered" >getNextorPrevious(</span>collection, current, loop, next, nullOnExit = <span class="branch-0 cbranch-no" title="branch not covered" >false)</span> {
-  let index = <span class="cstat-no" title="statement not covered" >collection.indexOf(current);</span>
-<span class="cstat-no" title="statement not covered" >  if (index === -1) {</span>
-<span class="cstat-no" title="statement not covered" >    index = collection.indexOf(document.activeElement);</span>
-  }
-  const nextElement = <span class="cstat-no" title="statement not covered" >collection[index + 1];</span>
-  const previousElement = <span class="cstat-no" title="statement not covered" >collection[index - 1];</span>
-&nbsp;
-  // First determine if travelling forwards or backwards through the list
-<span class="cstat-no" title="statement not covered" >  if (next) {</span>
-    // If looping then loop to beginning if nextElement is null
-<span class="cstat-no" title="statement not covered" >    if (loop) {</span>
-<span class="cstat-no" title="statement not covered" >      return nextElement || collection[0];</span>
-    }
-&nbsp;
-    // If nullOnExit then return null if nextElement is null
-<span class="cstat-no" title="statement not covered" >    if (nullOnExit) {</span>
-<span class="cstat-no" title="statement not covered" >      return nextElement;</span>
-    }
-&nbsp;
-    // Else return end of the list if nextElement is null
-<span class="cstat-no" title="statement not covered" >    return collection[index + 1] || collection[collection.length - 1];</span>
-  } else {
-    // If looping then loop to end if previousElement is null
-<span class="cstat-no" title="statement not covered" >    if (loop) {</span>
-<span class="cstat-no" title="statement not covered" >      return previousElement || collection[collection.length - 1];</span>
-    }
-&nbsp;
-    // If nullOnExit then return null if previousElement is null
-<span class="cstat-no" title="statement not covered" >    if (nullOnExit) {</span>
-<span class="cstat-no" title="statement not covered" >      return previousElement;</span>
-    }
-&nbsp;
-    // Else return beginning of the list if previousElement is null
-<span class="cstat-no" title="statement not covered" >    return collection[index - 1] || collection[0];</span>
-  }
-}
-&nbsp;
-function <span class="fstat-no" title="function not covered" >getFocusableElement(</span>next, currentElement, includeContained = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span> onlyContained = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span> loop = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span> nullOnExit = <span class="branch-0 cbranch-no" title="branch not covered" >false)</span> {
-  const container = <span class="cstat-no" title="statement not covered" >includeContained &amp;&amp; onlyContained ? currentElement : document;</span>
-  const focusable = <span class="cstat-no" title="statement not covered" >getVisibleFocusableElements(container, includeContained, currentElement);</span>
-<span class="cstat-no" title="statement not covered" >  if (focusable.length &gt; 0) {</span>
-<span class="cstat-no" title="statement not covered" >    return getNextorPrevious(focusable, currentElement, loop, next, nullOnExit);</span>
-  }
-<span class="cstat-no" title="statement not covered" >  return null;</span>
-}
-&nbsp;
-export function <span class="fstat-no" title="function not covered" >getNextFocusable(</span>...args) {
-<span class="cstat-no" title="statement not covered" >  return getFocusableElement(true, ...args);</span>
-}
-&nbsp;
-export function <span class="fstat-no" title="function not covered" >getPreviousFocusable(</span>...args) {
-<span class="cstat-no" title="statement not covered" >  return getFocusableElement(false, ...args);</span>
-}
-&nbsp;
-export function <span class="fstat-no" title="function not covered" >getLastFocusable(</span>container) {
-<span class="cstat-no" title="statement not covered" >  return last(getVisibleFocusableElements(container));</span>
-}
-&nbsp;
-export function <span class="fstat-no" title="function not covered" >getFirstFocusable(</span>container) {
-<span class="cstat-no" title="statement not covered" >  return first(getVisibleFocusableElements(container));</span>
-}
-&nbsp;</pre></td></tr></table></pre>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
-                at Fri Dec 10 2021 16:29:27 GMT+0000 (Greenwich Mean Time)
-            </div>
-        </div>
-        <script src="../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../sorter.js"></script>
-        <script src="../block-navigation.js"></script>
-    </body>
-</html>

package/src/lib/TypeDown/README.md DELETED Viewed

	@@ -1 +0,0 @@
1	- DEPRECATED - DO NOT USE. You probably want Typedown

package/src/lib/TypeDown/TypeDown.js DELETED Viewed

@@ -1,228 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import get from 'lodash/get';
-import { EndOfList, IconButton, Popper } from '@folio/stripes/components';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { interactionStyles } from '@folio/stripes-components/lib/sharedStyles/interactionStyles.css';
-import SearchField from '../SearchField';
-import css from '../../../styles/TypeDown.css';
-import { useTypedown, useTypedownData } from '../hooks/typedownHooks';
-import selectorSafe from '../utils/selectorSafe';
-/* @deprecated
- * Replaced by Typedown and QueryTypedown.
- */
-const TypeDown = ({
-  input,
-  meta,
-  onChange,
-  path,
-  pathMutator,
-  renderFooter = null,
-  renderListItem = null,
-  uniqueIdentificationPath = 'id'
-}) => {
-  useEffect(() => {
-    if (process.env.NODE_ENV === 'development') {
-      // eslint-disable-next-line no-console
-      console.warn('TypeDown component is deprecated, you likely want either Typedown or QueryTypedown');
-    }
-  }, []);
-  const selectedUniqueId = get(input.value, uniqueIdentificationPath);
-  const [callPath, setCallPath] = useState(pathMutator(null, path));
-  const data = useTypedownData(callPath);
-  // Hook to set up all the essentials
-  const {
-    refs: {
-      listRef,
-      triggerRef,
-      overlayRef,
-      footerRef
-    },
-    handlers: {
-      handleNextFocus,
-      listKeyDownHandler,
-      searchFieldKeyDownHandler
-    },
-    variables: {
-      open,
-      portal,
-      resizeRef,
-      searchWidth
-    }
-  } = useTypedown(input.name);
-  const renderItem = useCallback((option) => (
-    <div
-      className={css.listItem}
-    >
-      {renderListItem ?
-        renderListItem(option) :
-        get(option, uniqueIdentificationPath)
-      }
-    </div>
-  ), [renderListItem, uniqueIdentificationPath]);
-  const handleChange = useCallback(value => {
-    input.onChange(value);
-    if (typeof onChange === 'function') {
-      onChange(value);
-    }
-  }, [input, onChange]);
-  const dropDown = useCallback(() => {
-    return (
-      <div
-        className={css.dropdownMenu}
-        id={`typedown-parent-${selectorSafe(input.name)}-menu`}
-        style={{ '--searchWidth': `${searchWidth}px` }}
-      >
-        <div
-          ref={listRef}
-          className={css.listContainer}
-          id="typedown-list"
-        >
-          {data?.length ? data?.map((d, index) => {
-            const isSelected = get(input.value, uniqueIdentificationPath) === get(d, uniqueIdentificationPath);
-            return (
-              <button
-                key={`typedown-button-[${index}]`}
-                className={classnames(
-                  interactionStyles,
-                  css.fullWidth,
-                  css.menuButton
-                )}
-                data-selected={isSelected}
-                id={`typedown-button-[${index}]`}
-                onClick={() => {
-                  handleChange(d);
-                  handleNextFocus();
-                }}
-                onKeyDown={listKeyDownHandler}
-                type="button"
-              >
-                {renderItem(d)}
-              </button>
-            );
-          }) :
-          // TODO test this
-          <EndOfList />
-          }
-        </div>
-        {renderFooter &&
-          <div
-            ref={footerRef}
-            className={css.footer}
-            id="typedown-footer"
-          >
-            {renderFooter()}
-          </div>
-        }
-      </div>
-    );
-  }, [
-    data,
-    footerRef,
-    handleChange,
-    handleNextFocus,
-    input,
-    listKeyDownHandler,
-    listRef,
-    renderFooter,
-    renderItem,
-    searchWidth,
-    uniqueIdentificationPath
-  ]);
-  const renderSearchField = () => {
-    return (
-      <div
-        ref={triggerRef}
-        id={`typedown-parent-${selectorSafe(input.name)}-searchField`}
-      >
-        <SearchField
-          // Pass meta through so correct styling gets applied to the TextField
-          id="typedown-searchField"
-          marginBottom0
-          meta={meta}
-          onChange={e => {
-            setCallPath(pathMutator(e.target.value, path));
-          }}
-          onKeyDown={searchFieldKeyDownHandler}
-        />
-      </div>
-    );
-  };
-  return (
-    <div
-      ref={resizeRef}
-    >
-      {renderSearchField()}
-      <Popper
-        key="typedown-menu-toggle"
-        anchorRef={triggerRef}
-        className={classnames(
-          css.dropdown,
-          css.fullWidth
-        )}
-        isOpen={open}
-        modifiers={{
-          flip: { boundariesElement: 'viewport', padding: 10 },
-          preventOverflow: { boundariesElement: 'viewport', padding: 10 }
-        }}
-        overlayProps={{
-          'ref': overlayRef,
-          'tabIndex': '-1',
-          'onClick': (e) => { e.stopPropagation(); }  // prevent propagation of click events
-        }}
-        overlayRef={overlayRef}
-        portal={portal}
-      >
-        {dropDown()}
-      </Popper>
-      {selectedUniqueId && !open &&
-        <div
-          className={classnames(
-            css.selected,
-            css.selectedDisplay
-          )}
-        >
-          <div
-            className={css.selectedItem}
-          >
-            {renderItem(input.value)}
-          </div>
-          <IconButton
-            className={css.clearItem}
-            icon="times-circle-solid"
-            onClick={() => handleChange()}
-          />
-        </div>
-      }
-    </div>
-  );
-};
-TypeDown.propTypes = {
-  input: PropTypes.object,
-  meta: PropTypes.object,
-  onChange: PropTypes.func,
-  path: PropTypes.string,
-  pathMutator: PropTypes.func,
-  renderFooter: PropTypes.func,
-  renderListItem: PropTypes.func,
-  uniqueIdentificationPath: PropTypes.string
-};
-export default TypeDown;

package/src/lib/TypeDown/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default } from './TypeDown';