@k-int/stripes-kint-components 5.34.1 → 5.36.0

package/src/artifacts/coverage-jest/utils/generateKiwtQuery.js.html

@@ -74,8 +74,8 @@
 <a name='L9'></a><a href='#L9'>9</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-yes">28x</span>
-<span class="cline-any cline-yes">572x</span>
-<span class="cline-any cline-yes">572x</span>
+<span class="cline-any cline-yes">612x</span>
+<span class="cline-any cline-yes">612x</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>
@@ -94,7 +94,7 @@ export default generateKiwtQuery;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/generateKiwtQueryParams/generateKiwtQueryParams.js.html

@@ -304,8 +304,8 @@
 <a name='L239'></a><a href='#L239'>239</a>
 <a name='L240'></a><a href='#L240'>240</a>
 <a name='L241'></a><a href='#L241'>241</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">874x</span>
-<span class="cline-any cline-yes">869x</span>
+<span class="cline-any cline-yes">917x</span>
+<span class="cline-any cline-yes">912x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">5x</span>
@@ -369,7 +369,7 @@
 <span class="cline-any cline-yes">28x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">28x</span>
-<span class="cline-any cline-yes">579x</span>
+<span class="cline-any cline-yes">619x</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>
@@ -433,17 +433,17 @@
 <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-yes">579x</span>
+<span class="cline-any cline-yes">619x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">579x</span>
+<span class="cline-any cline-yes">619x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">579x</span>
-<span class="cline-any cline-yes">117x</span>
-<span class="cline-any cline-yes">76x</span>
+<span class="cline-any cline-yes">619x</span>
+<span class="cline-any cline-yes">119x</span>
+<span class="cline-any cline-yes">77x</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-yes">579x</span>
+<span class="cline-any cline-yes">619x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
@@ -452,7 +452,7 @@
 <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-yes">579x</span>
+<span class="cline-any cline-yes">619x</span>
 <span class="cline-any cline-yes">66x</span>
 <span class="cline-any cline-yes">66x</span>
 <span class="cline-any cline-yes">66x</span>
@@ -494,7 +494,7 @@
 <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-yes">579x</span>
+<span class="cline-any cline-yes">619x</span>
 <span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -505,7 +505,7 @@
 <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-yes">579x</span>
+<span class="cline-any cline-yes">619x</span>
 <span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-yes">7x</span>
 <span class="cline-any cline-yes">7x</span>
@@ -529,17 +529,17 @@
 <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-yes">579x</span>
-<span class="cline-any cline-yes">579x</span>
+<span class="cline-any cline-yes">619x</span>
+<span class="cline-any cline-yes">619x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">579x</span>
-<span class="cline-any cline-yes">1149x</span>
-<span class="cline-any cline-yes">578x</span>
+<span class="cline-any cline-yes">619x</span>
+<span class="cline-any cline-yes">1229x</span>
+<span class="cline-any cline-yes">618x</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-yes">579x</span>
+<span class="cline-any cline-yes">619x</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>
@@ -790,7 +790,7 @@ export default generateKiwtQueryParams;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/generateKiwtQueryParams/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/generateKiwtQueryParams/index.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/groupCustomPropertiesByCtx.js.html

@@ -109,7 +109,7 @@ export default groupCustomPropertiesByCtx;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">44.11% </span>
+                <span class="strong">37.34% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>30/68</span>
+                <span class='fraction'>31/83</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36.17% </span>
+                <span class="strong">28.81% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>17/47</span>
+                <span class='fraction'>17/59</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">44.44% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>8/16</span>
+                <span class='fraction'>8/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">43.93% </span>
+                <span class="strong">37.03% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>29/66</span>
+                <span class='fraction'>30/81</span>
             </div>
         
             
@@ -93,6 +93,21 @@
 	<td data-value="11" class="abs high">11/11</td>
 	</tr>
 
+<tr>
+	<td class="file low" data-value="downloadBlob.js"><a href="downloadBlob.js.html">downloadBlob.js</a></td>
+	<td data-value="6.66" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
+	</td>
+	<td data-value="6.66" class="pct low">6.66%</td>
+	<td data-value="15" class="abs low">1/15</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="12" class="abs low">0/12</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="6.66" class="pct low">6.66%</td>
+	<td data-value="15" class="abs low">1/15</td>
+	</tr>
+
 <tr>
 	<td class="file high" data-value="generateKiwtQuery.js"><a href="generateKiwtQuery.js.html">generateKiwtQuery.js</a></td>
 	<td data-value="100" class="pic high">
@@ -266,7 +281,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/index.js.html

@@ -98,7 +98,9 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</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>
@@ -168,6 +170,7 @@ export { default as parseErrorResponse } from './parseErrorResponse';
 &nbsp;
 export { default as modConfigEntriesQueryKey } from './modConfigEntriesQueryKey';
 export { default as parseModConfigEntry } from './parseModConfigEntry';
+export { default as downloadBlob } from './downloadBlob';
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -175,7 +178,7 @@ export { default as parseModConfigEntry } from './parseModConfigEntry';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/matchString/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/matchString/index.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/matchString/matchString.js.html

@@ -202,7 +202,7 @@ export default matchString;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/modConfigEntriesQueryKey.js.html

@@ -127,7 +127,7 @@ export default modConfigEntriesQueryKey;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/parseErrorResponse.js.html

@@ -160,7 +160,7 @@ export default parseErrorResponse;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/parseModConfigEntry.js.html

@@ -115,7 +115,7 @@ export default parseModConfigEntry;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/refdataOptions.js.html

@@ -94,7 +94,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/refdataQueryKey/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/refdataQueryKey/index.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/refdataQueryKey/refdataQueryKey.js.html

@@ -97,7 +97,7 @@ export default refdataQueryKey;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/selectorSafe.js.html

@@ -130,7 +130,7 @@ export default selectorSafe;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/sortByLabel.js.html

@@ -115,7 +115,7 @@ export default sortByLabel;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/stringStyling/boldString.js.html

@@ -175,7 +175,7 @@ export default boldString;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/stringStyling/highlightString.js.html

@@ -175,7 +175,7 @@ export default highlightString;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/stringStyling/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/stringStyling/index.js.html

@@ -76,7 +76,7 @@ export { default as boldString } from './boldString';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/toCamelCase.js.html

@@ -112,7 +112,7 @@ export default toCamelCase;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/utils/typedownQueryKey.js.html

@@ -97,7 +97,7 @@ export default typedownQueryKey;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/validators/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/validators/index.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/validators/validators.js.html

@@ -355,7 +355,7 @@ export {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-03-23T17:05:11.570Z
+                at 2026-04-16T17:02:24.586Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/index.js

@@ -18,6 +18,8 @@ export {
   default as Typedown
 } from './lib/Typedown';
 
+export * from './lib/Files';
+
 export {
   default as QueryTypedown
 } from './lib/QueryTypedown';

package/src/lib/Files/FileUploader/FileUploader.js

@@ -0,0 +1,134 @@
+import PropTypes from 'prop-types';
+
+import { useDropzone } from 'react-dropzone';
+import isFunction from 'lodash/isFunction';
+import classNames from 'classnames/bind';
+
+import { Button } from '@folio/stripes/components';
+
+import css from '../../../../styles/FileUploader.css';
+import { useKintIntl } from '../../hooks';
+
+const cx = classNames.bind(css);
+
+// This is copied from stripes-data-transfer-components and tweaked
+const FileUploader = ({
+  accept,
+  children,
+  disabled,
+  dropzoneProps = {}, // Any additional dropzone props
+  intlKey: passedIntlKey,
+  intlNS: passedIntlNS,
+  labelOverrides = {},
+  maxFiles,
+  multiple = true,
+  onDrop,
+  onDragEnter,
+  onDragLeave,
+}) => {
+  const {
+    getRootProps,
+    getInputProps,
+    open,
+    isDragActive,
+  } = useDropzone({
+    accept,
+    disabled,
+    multiple,
+    maxFiles,
+    noClick: true,
+    onDrop,
+    onDragEnter,
+    onDragLeave,
+    ...dropzoneProps
+  });
+  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
+
+  const updateClassName = cx({
+    upload: true,
+    activeUpload: isDragActive,
+  });
+
+  const titleClassName = cx({
+    uploadTitle: true,
+    activeUploadTitle: isDragActive,
+  });
+
+  return (
+    <div
+      aria-disabled={disabled}
+      data-test-file-uploader
+      {...getRootProps({ role: 'presentation' })}
+      className={updateClassName}
+      data-testid="fileUploader-input"
+    >
+      <input
+        {...getInputProps()}
+      />
+      <span
+        className={titleClassName}
+        data-test-title
+      >
+        {
+          isDragActive ?
+            kintIntl.formatKintMessage({
+              id: 'files.dropToUpload',
+              overrideValue: labelOverrides.dropToUpload,
+            }) :
+            kintIntl.formatKintMessage({
+              id: 'files.dragAndDropToUpload',
+              overrideValue: labelOverrides.dragAndDropToUpload,
+            })
+        }
+      </span>
+      {!isDragActive && (
+        <>
+          <div className={css.secondaryArea}>
+            <Button
+              buttonStyle="primary"
+              disabled={disabled}
+              marginBottom0
+              onClick={open}
+            >
+              {kintIntl.formatKintMessage({
+                id: 'files.uploadButton',
+                overrideValue: labelOverrides.uploadButton
+              })}
+            </Button>
+          </div>
+          <div className={css.children}>
+            {isFunction(children) ? children(open) : children}
+          </div>
+        </>
+      )}
+    </div>
+  );
+};
+
+FileUploader.propTypes = {
+  accept: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string),
+  ]),
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.func,
+  ]),
+  disabled: PropTypes.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  dropzoneProps: PropTypes.object,
+  intlKey: PropTypes.string,
+  intlNS: PropTypes.string,
+  labelOverrides: PropTypes.shape({
+    dropToUpload: PropTypes.string,
+    dragAndDropToUpload: PropTypes.string,
+    uploadButton: PropTypes.string,
+  }),
+  maxFiles: PropTypes.number,
+  multiple: PropTypes.bool,
+  onDrop: PropTypes.func.isRequired,
+  onDragEnter: PropTypes.func,
+  onDragLeave: PropTypes.func,
+};
+
+export default FileUploader;

package/src/lib/Files/FileUploader/index.js

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