@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,IAAI,GACR,KAAwB;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;AAErF,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK;AAErD,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,SAAS,EAAE,SAAS,IAAI,GAAG,SAAS,CAAA,CAAA,EAAI,SAAS,CAAY,UAAA,CAAA;AAC7D,QAAA,GAAG,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAM,IAAA,CAAA;AACpC,QAAA,IAAI,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAO,KAAA,CAAA;AACtC,QAAA,QAAQ,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAW,SAAA,CAAA;AAC9C,QAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAY,UAAA,CAAA;KACjD;IAED,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,IAAI,OAAO,CAAC;AACzC,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,QAAQ;IAEhC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC;IACtC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC;AAEvC,IAAA,MAAM,aAAa,GAAG,UAAU,IAAI,UAAU,KAC5C,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAAA,CAChB,CACH;IAED,QACE,oBAAC,SAAS,EAAA,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAA;AACvC,QAAA,cAAc,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,aAAa;QACrF,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,IAEjB,QAAQ,CACC,CACF;AAEhB;;;;"}

package/dist/components/Tooltip/components/TooltipPopover.cjs

@@ -1,2 +1,45 @@
-"use strict";var e=require("react"),t=require("react-popper"),i=require("./styled.cjs"),r=require("../types.cjs"),a=require("../../../theme/index.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var l=s(e);const n={duration:400,side:r.Sides.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340};exports.TooltipPopover=({content:r,text:s,hoverableElement:o,config:p,reversed:d,withTriangle:u,classNames:c})=>{const[f,m]=e.useState(null),h={...n,...p},{duration:g,side:x,triangleOffset:M,tipMinWidth:T,tipMaxWidth:W}=h,{styles:q,attributes:v}=t.usePopper(o,f,{placement:`${x}-${d?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),y={...q.popper,zIndex:a.theme.layers.tooltip};return l.default.createElement(i.Tip,{className:c.tip,ref:m,duration:g,triangleOffsetSize:M,style:y,...v.popper,role:"tooltip"},l.default.createElement(i.Wrap,{className:c.wrap,tipMinWidth:T,tipMaxWidth:W},null!=r?r:l.default.createElement(i.TooltipText,null,s)),u&&l.default.createElement(i.Triangle,{id:"veeqo-components-triangle",className:c.triangle}))};
+'use strict';
+
+var React = require('react');
+var reactPopper = require('react-popper');
+var styled = require('./styled.cjs');
+var types = require('../types.cjs');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const defaultConfig = {
+    duration: 400,
+    side: types.Sides.TOP,
+    triangleOffset: 8,
+    tipMinWidth: 60,
+    tipMaxWidth: 340,
+};
+const TooltipPopover = ({ content, text, hoverableElement, config, reversed, withTriangle, classNames, }) => {
+    const [popperElement, setPopperElement] = React.useState(null);
+    const usedConfig = { ...defaultConfig, ...config };
+    const { duration, side, triangleOffset, tipMinWidth, tipMaxWidth } = usedConfig;
+    const { styles, attributes } = reactPopper.usePopper(hoverableElement, popperElement, {
+        placement: `${side}-${reversed ? 'end' : 'start'}`,
+        modifiers: [
+            {
+                name: 'offset',
+                options: {
+                    offset: [0, 10],
+                },
+            },
+        ],
+    });
+    const tooltipStyles = {
+        ...styles.popper,
+        zIndex: index.theme.layers.tooltip,
+    };
+    return (React__default.default.createElement(styled.Tip, { className: classNames.tip, ref: setPopperElement, duration: duration, triangleOffsetSize: triangleOffset, style: tooltipStyles, ...attributes.popper, role: "tooltip" },
+        React__default.default.createElement(styled.Wrap, { className: classNames.wrap, tipMinWidth: tipMinWidth, tipMaxWidth: tipMaxWidth }, content !== null && content !== undefined ? content : React__default.default.createElement(styled.TooltipText, null, text)),
+        withTriangle && React__default.default.createElement(styled.Triangle, { id: "veeqo-components-triangle", className: classNames.triangle })));
+};
+
+exports.TooltipPopover = TooltipPopover;
 //# sourceMappingURL=TooltipPopover.cjs.map

package/dist/components/Tooltip/components/TooltipPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopover.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TooltipPopover.cjs","sources":["../../../../src/components/Tooltip/components/TooltipPopover.tsx"],"sourcesContent":[null],"names":["Sides","useState","usePopper","theme","React","Tip","Wrap","TooltipText","Triangle"],"mappings":";;;;;;;;;;;;AAOA,MAAM,aAAa,GAAY;AAC7B,IAAA,QAAQ,EAAE,GAAG;IACb,IAAI,EAAEA,WAAK,CAAC,GAAG;AACf,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,WAAW,EAAE,GAAG;CACjB;MAEY,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,UAAU,GACU,KAAI;IACxB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAAwB,IAAI,CAAC;IAE/E,MAAM,UAAU,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,EAAE;AAClD,IAAA,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,UAAU;IAE/E,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAGC,qBAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;AACxE,QAAA,SAAS,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAe,CAAA;AAC/D,QAAA,SAAS,EAAE;AACT,YAAA;AACE,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,OAAO,EAAE;AACP,oBAAA,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAChB,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG;QACpB,GAAG,MAAM,CAAC,MAAM;AAChB,QAAA,MAAM,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO;KAC7B;AAED,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,UAAG,EAAA,EACF,SAAS,EAAE,UAAU,CAAC,GAAG,EACzB,GAAG,EAAE,gBAAgB,EACrB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,cAAc,EAClC,KAAK,EAAE,aAAa,EAChB,GAAA,UAAU,CAAC,MAAM,EACrB,IAAI,EAAC,SAAS,EAAA;QAEdD,sBAAC,CAAA,aAAA,CAAAE,WAAI,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EACjF,EAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,OAAO,GAAIF,sBAAA,CAAA,aAAA,CAACG,kBAAW,EAAA,IAAA,EAAE,IAAI,CAAe,CACxC;AACN,QAAA,YAAY,IAAIH,sBAAC,CAAA,aAAA,CAAAI,eAAQ,EAAC,EAAA,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAI,CAAA,CACxF;AAEV;;;;"}

package/dist/components/Tooltip/components/TooltipPopover.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { TooltipPopoverProps } from './types';
 export declare const TooltipPopover: ({ content, text, hoverableElement, config, reversed, withTriangle, classNames, }: TooltipPopoverProps) => React.JSX.Element;
-//# sourceMappingURL=TooltipPopover.d.ts.map

package/dist/components/Tooltip/components/TooltipPopover.js

@@ -1,2 +1,39 @@
-import e,{useState as t}from"react";import{usePopper as i}from"react-popper";import{Tip as r,Wrap as o,TooltipText as n,Triangle as a}from"./styled.js";import{Sides as s}from"../types.js";import{theme as l}from"../../../theme/index.js";const p={duration:400,side:s.TOP,triangleOffset:8,tipMinWidth:60,tipMaxWidth:340},m=({content:s,text:m,hoverableElement:d,config:f,reversed:c,withTriangle:h,classNames:u})=>{const[g,x]=t(null),M={...p,...f},{duration:W,side:y,triangleOffset:E,tipMinWidth:N,tipMaxWidth:O}=M,{styles:j,attributes:v}=i(d,g,{placement:`${y}-${c?"end":"start"}`,modifiers:[{name:"offset",options:{offset:[0,10]}}]}),b={...j.popper,zIndex:l.layers.tooltip};return e.createElement(r,{className:u.tip,ref:x,duration:W,triangleOffsetSize:E,style:b,...v.popper,role:"tooltip"},e.createElement(o,{className:u.wrap,tipMinWidth:N,tipMaxWidth:O},null!=s?s:e.createElement(n,null,m)),h&&e.createElement(a,{id:"veeqo-components-triangle",className:u.triangle}))};export{m as TooltipPopover};
+import React, { useState } from 'react';
+import { usePopper } from 'react-popper';
+import { Tip, Wrap, TooltipText, Triangle } from './styled.js';
+import { Sides } from '../types.js';
+import { theme } from '../../../theme/index.js';
+
+const defaultConfig = {
+    duration: 400,
+    side: Sides.TOP,
+    triangleOffset: 8,
+    tipMinWidth: 60,
+    tipMaxWidth: 340,
+};
+const TooltipPopover = ({ content, text, hoverableElement, config, reversed, withTriangle, classNames, }) => {
+    const [popperElement, setPopperElement] = useState(null);
+    const usedConfig = { ...defaultConfig, ...config };
+    const { duration, side, triangleOffset, tipMinWidth, tipMaxWidth } = usedConfig;
+    const { styles, attributes } = usePopper(hoverableElement, popperElement, {
+        placement: `${side}-${reversed ? 'end' : 'start'}`,
+        modifiers: [
+            {
+                name: 'offset',
+                options: {
+                    offset: [0, 10],
+                },
+            },
+        ],
+    });
+    const tooltipStyles = {
+        ...styles.popper,
+        zIndex: theme.layers.tooltip,
+    };
+    return (React.createElement(Tip, { className: classNames.tip, ref: setPopperElement, duration: duration, triangleOffsetSize: triangleOffset, style: tooltipStyles, ...attributes.popper, role: "tooltip" },
+        React.createElement(Wrap, { className: classNames.wrap, tipMinWidth: tipMinWidth, tipMaxWidth: tipMaxWidth }, content !== null && content !== undefined ? content : React.createElement(TooltipText, null, text)),
+        withTriangle && React.createElement(Triangle, { id: "veeqo-components-triangle", className: classNames.triangle })));
+};
+
+export { TooltipPopover };
 //# sourceMappingURL=TooltipPopover.js.map

package/dist/components/Tooltip/components/TooltipPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPopover.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TooltipPopover.js","sources":["../../../../src/components/Tooltip/components/TooltipPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,MAAM,aAAa,GAAY;AAC7B,IAAA,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,KAAK,CAAC,GAAG;AACf,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,WAAW,EAAE,GAAG;CACjB;MAEY,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,UAAU,GACU,KAAI;IACxB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC;IAE/E,MAAM,UAAU,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,EAAE;AAClD,IAAA,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,UAAU;IAE/E,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;AACxE,QAAA,SAAS,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAe,CAAA;AAC/D,QAAA,SAAS,EAAE;AACT,YAAA;AACE,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,OAAO,EAAE;AACP,oBAAA,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AAChB,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG;QACpB,GAAG,MAAM,CAAC,MAAM;AAChB,QAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;KAC7B;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,UAAU,CAAC,GAAG,EACzB,GAAG,EAAE,gBAAgB,EACrB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,cAAc,EAClC,KAAK,EAAE,aAAa,EAChB,GAAA,UAAU,CAAC,MAAM,EACrB,IAAI,EAAC,SAAS,EAAA;QAEd,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EACjF,EAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,OAAO,GAAI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,EAAE,IAAI,CAAe,CACxC;AACN,QAAA,YAAY,IAAI,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAI,CAAA,CACxF;AAEV;;;;"}

package/dist/components/Tooltip/components/styled.cjs

@@ -1,55 +1,24 @@
-"use strict";var e=require("styled-components"),t=require("../../Text/Text.cjs"),o=require("../../../theme/index.cjs");function p(e){return e&&e.__esModule?e:{default:e}}var r=p(e);const i=r.default.div`
-  display: inline-block;
-`,a=r.default(i)``,n=r.default(t.Text)`
-  color: ${o.theme.colors.neutral.grey.lightest};
-  white-space: pre-line;
-  overflow-wrap: break-word;
-  display: inline;
-`,d=r.default.div`
-  background-color: #333;
-  height: 16px;
-  width: 16px;
-  position: absolute;
-  transform: rotate(45deg);
-  z-index: 12;
-`,l=r.default.div`
-  transition: ${({duration:e})=>`opacity ${e}ms`};
+'use strict';
 
-  &.tip-enter {
-    opacity: 0;
-  }
+var styled = require('styled-components');
+var Text = require('../../Text/Text.cjs');
+var index = require('../../../theme/index.cjs');
 
-  &.tip-enter-active {
-    opacity: 1;
-  }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  &[data-popper-placement^='top-start'] > #veeqo-components-triangle {
-    left: 8px;
-    bottom: 0px;
-  }
-  &[data-popper-placement^='top-end'] > #veeqo-components-triangle {
-    right: 8px;
-    bottom: 0px;
-  }
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {
-    left: 8px;
-    top: -4px;
-  }
-  &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {
-    right: 8px;
-    top: -4px;
-  }
-`,s=r.default(i)`
-  font-size: 14px;
-  overflow: hidden;
-  padding: 16px 20px;
-  border-radius: 4px;
-  box-shadow: 0 6px 1em -0.5em rgba(0, 0, 0, 0.35);
-  background: #333;
-  color: #fff;
-  z-index: 10;
-  min-width: ${({tipMinWidth:e})=>e}px;
-  max-width: ${({tipMaxWidth:e})=>e}px;
-`;exports.Container=i,exports.Hoverable=a,exports.Tip=l,exports.TooltipText=n,exports.Triangle=d,exports.Wrap=s;
+const Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--1exlfc5" }) `display:inline-block;`;
+const Hoverable = styled__default.default(Container).withConfig({ displayName: "vui--Hoverable", componentId: "vui--up3fpq" }) ``;
+const TooltipText = styled__default.default(Text.Text).withConfig({ displayName: "vui--TooltipText", componentId: "vui--gpqzg1" }) `color:${index.theme.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`;
+const Triangle = styled__default.default.div.withConfig({ displayName: "vui--Triangle", componentId: "vui--1f7lcs5" }) `background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`;
+const Tip = styled__default.default.div.withConfig({ displayName: "vui--Tip", componentId: "vui--143ip1u" }) `transition:${({ duration }) => `opacity ${duration}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`;
+const Wrap = styled__default.default(Container).withConfig({ displayName: "vui--Wrap", componentId: "vui--e33d0s" }) `font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({ tipMinWidth }) => tipMinWidth}px;max-width:${({ tipMaxWidth }) => tipMaxWidth}px;`;
+
+exports.Container = Container;
+exports.Hoverable = Hoverable;
+exports.Tip = Tip;
+exports.TooltipText = TooltipText;
+exports.Triangle = Triangle;
+exports.Wrap = Wrap;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Tooltip/components/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":["Container","styled","div","Hoverable","default","TooltipText","Text"],"mappings":"qLAcA,MAAAA,EAAiBC,EAAAA,QAAAC,GAAA;;EA8CjBC,EAAUF,EAAAG,QAAAJ,EAAA,GAaVK,EAAoBJ,EAAAA,QAAAK,EAAWA,KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":["styled","Text","theme"],"mappings":";;;;;;;;;;AAQA,MAAM,SAAS,GAAGA,uBAAM,CAAC,GAAG;AAI5B,MAAM,SAAS,GAAGA,uBAAM,CAAC,SAAS,CAAC;AAEnC,MAAM,WAAW,GAAGA,uBAAM,CAACC,SAAI,CAAC,CACrB,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAM7C,MAAM,QAAQ,GAAGF,uBAAM,CAAC,GAAG;AAS3B,MAAM,GAAG,GAAGA,uBAAM,CAAC,GAAG,oFACN,CAAC,EAAE,QAAQ,EAAE,KAAK,WAAW,QAAQ,CAAA,EAAA,CAAI;AA6BnD,MAAA,IAAI,GAAGA,uBAAM,CAAC,SAAS,CAAC,CASf,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mKAAA,EAAA,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAChC,aAAA,EAAA,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,GAAA;;;;;;;;;"}

package/dist/components/Tooltip/components/styled.d.ts

@@ -6,4 +6,3 @@ declare const Triangle: import("styled-components").StyledComponent<"div", any,
 declare const Tip: import("styled-components").StyledComponent<"div", any, TipProps & TriangleProps, never>;
 declare const Wrap: import("styled-components").StyledComponent<"div", any, WrapProps, never>;
 export { Container, TooltipText, Tip, Hoverable, Wrap, Triangle };
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Tooltip/components/styled.js

@@ -1,55 +1,13 @@
-import t from"styled-components";import{Text as e}from"../../Text/Text.js";import{theme as o}from"../../../theme/index.js";const p=t.div`
-  display: inline-block;
-`,i=t(p)``,n=t(e)`
-  color: ${o.colors.neutral.grey.lightest};
-  white-space: pre-line;
-  overflow-wrap: break-word;
-  display: inline;
-`,r=t.div`
-  background-color: #333;
-  height: 16px;
-  width: 16px;
-  position: absolute;
-  transform: rotate(45deg);
-  z-index: 12;
-`,a=t.div`
-  transition: ${({duration:t})=>`opacity ${t}ms`};
-
-  &.tip-enter {
-    opacity: 0;
-  }
-
-  &.tip-enter-active {
-    opacity: 1;
-  }
-
-  &[data-popper-placement^='top-start'] > #veeqo-components-triangle {
-    left: 8px;
-    bottom: 0px;
-  }
-  &[data-popper-placement^='top-end'] > #veeqo-components-triangle {
-    right: 8px;
-    bottom: 0px;
-  }
-
-  &[data-popper-placement^='bottom-start'] > #veeqo-components-triangle {
-    left: 8px;
-    top: -4px;
-  }
-  &[data-popper-placement^='bottom-end'] > #veeqo-components-triangle {
-    right: 8px;
-    top: -4px;
-  }
-`,d=t(p)`
-  font-size: 14px;
-  overflow: hidden;
-  padding: 16px 20px;
-  border-radius: 4px;
-  box-shadow: 0 6px 1em -0.5em rgba(0, 0, 0, 0.35);
-  background: #333;
-  color: #fff;
-  z-index: 10;
-  min-width: ${({tipMinWidth:t})=>t}px;
-  max-width: ${({tipMaxWidth:t})=>t}px;
-`;export{p as Container,i as Hoverable,a as Tip,n as TooltipText,r as Triangle,d as Wrap};
+import styled from 'styled-components';
+import { Text } from '../../Text/Text.js';
+import { theme } from '../../../theme/index.js';
+
+const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--1exlfc5" }) `display:inline-block;`;
+const Hoverable = styled(Container).withConfig({ displayName: "vui--Hoverable", componentId: "vui--up3fpq" }) ``;
+const TooltipText = styled(Text).withConfig({ displayName: "vui--TooltipText", componentId: "vui--gpqzg1" }) `color:${theme.colors.neutral.grey.lightest};white-space:pre-line;overflow-wrap:break-word;display:inline;`;
+const Triangle = styled.div.withConfig({ displayName: "vui--Triangle", componentId: "vui--1f7lcs5" }) `background-color:#333;height:16px;width:16px;position:absolute;transform:rotate(45deg);z-index:12;`;
+const Tip = styled.div.withConfig({ displayName: "vui--Tip", componentId: "vui--143ip1u" }) `transition:${({ duration }) => `opacity ${duration}ms`};&.tip-enter{opacity:0;}&.tip-enter-active{opacity:1;}&[data-popper-placement^='top-start'] > #veeqo-components-triangle{left:8px;bottom:0px;}&[data-popper-placement^='top-end'] > #veeqo-components-triangle{right:8px;bottom:0px;}&[data-popper-placement^='bottom-start'] > #veeqo-components-triangle{left:8px;top:-4px;}&[data-popper-placement^='bottom-end'] > #veeqo-components-triangle{right:8px;top:-4px;}`;
+const Wrap = styled(Container).withConfig({ displayName: "vui--Wrap", componentId: "vui--e33d0s" }) `font-size:14px;overflow:hidden;padding:16px 20px;border-radius:4px;box-shadow:0 6px 1em -0.5em rgba(0, 0, 0, 0.35);background:#333;color:#fff;z-index:10;min-width:${({ tipMinWidth }) => tipMinWidth}px;max-width:${({ tipMaxWidth }) => tipMaxWidth}px;`;
+
+export { Container, Hoverable, Tip, TooltipText, Triangle, Wrap };
 //# sourceMappingURL=styled.js.map

package/dist/components/Tooltip/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":["Container","styled","div","Hoverable","TooltipText","Text"],"mappings":"2HAcA,MAAAA,EAAiBC,EAAAC,GAAA;;EA8CjBC,EAAUF,EAAAD,EAAA,GAaVI,EAAoBH,EAAAI,EAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Tooltip/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAQA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG;AAI5B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAEnC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CACrB,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAM7C,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG;AAS3B,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,oFACN,CAAC,EAAE,QAAQ,EAAE,KAAK,WAAW,QAAQ,CAAA,EAAA,CAAI;AA6BnD,MAAA,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CASf,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mKAAA,EAAA,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAChC,aAAA,EAAA,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,GAAA;;;;"}

package/dist/components/Tooltip/components/types.d.ts

@@ -19,4 +19,3 @@ export interface TriangleProps {
 export type TipProps = Pick<IConfig, 'duration'>;
 export type WrapProps = Pick<IConfig, 'tipMinWidth' | 'tipMaxWidth'>;
 export type Placement = 'top-start' | 'bottom-start' | 'top-end' | 'bottom-end';
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Tooltip/index.d.ts

@@ -1,2 +1 @@
 export { Tooltip } from './Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/types.cjs

@@ -1,2 +1,8 @@
-"use strict";var s;exports.Sides=void 0,(s=exports.Sides||(exports.Sides={})).BOTTOM="bottom",s.TOP="top";
+'use strict';
+
+exports.Sides = void 0;
+(function (Sides) {
+    Sides["BOTTOM"] = "bottom";
+    Sides["TOP"] = "top";
+})(exports.Sides || (exports.Sides = {}));
 //# sourceMappingURL=types.cjs.map

package/dist/components/Tooltip/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":[null],"names":["Sides"],"mappings":"aAEA,IAAAA,EAFSA,QAAAA,WAAA,GAETA,EAGCA,QAAAA,QAAAA,cAAA,CAAA,IAFkB,OAAA,SACjBA,EAAW,IAAA"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":[null],"names":["Sides"],"mappings":";;AAEYA;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHWA,aAAK,KAALA,aAAK,GAGhB,EAAA,CAAA,CAAA;;"}

package/dist/components/Tooltip/types.d.ts

@@ -24,4 +24,3 @@ export interface TooltipProps {
     initialShouldShow?: boolean;
     useReactPortal?: boolean;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Tooltip/types.js

@@ -1,2 +1,8 @@
-var o;!function(o){o.BOTTOM="bottom",o.TOP="top"}(o||(o={}));export{o as Sides};
+var Sides;
+(function (Sides) {
+    Sides["BOTTOM"] = "bottom";
+    Sides["TOP"] = "top";
+})(Sides || (Sides = {}));
+
+export { Sides };
 //# sourceMappingURL=types.js.map

package/dist/components/Tooltip/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":[null],"names":["Sides"],"mappings":"AAAS,IAAAA,GAET,SAAAA,GACEA,EAAiB,OAAA,SACjBA,EAAW,IAAA,KACZ,CAHD,CAGCA,IAAAA,EAAA,CAAA"}
+{"version":3,"file":"types.js","sources":["../../../src/components/Tooltip/types.ts"],"sourcesContent":[null],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,KAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAHW,KAAK,KAAL,KAAK,GAGhB,EAAA,CAAA,CAAA;;;;"}

package/dist/components/UploadFile/UploadFile.cjs

@@ -1,2 +1,145 @@
-"use strict";var e=require("react"),t=require("./styled.cjs"),l=require("./constants.cjs"),r=require("./components/UploadCopy/UploadCopy.cjs"),a=require("./utils/setInputElFile/setInputElFile.cjs"),n=require("./utils/getValidTypesString/getValidTypesString.cjs"),i=require("./utils/getFileSizeString/getFileSizeString.cjs"),u=require("./utils/getTypePropForInputEl/getTypePropForInputEl.cjs"),s=require("../../hoc/withLabels/styled.cjs"),o=require("../Stack/Stack.cjs"),d=require("./components/UploadFileErrors/UploadFileErrors.cjs"),c=require("./components/UploadedFile/UploadedFile.cjs"),p=require("../../theme/modules/sizes.cjs");function v(e){return e&&e.__esModule?e:{default:e}}var f=v(e);const I=e.forwardRef((({id:v,name:I,maxBytes:m=1e6,format:S=l.FileSizeUnit.MB,fileTypes:g,label:E="Upload file",required:F,disabled:y,...D},T)=>{const A=e.useRef(null);e.useImperativeHandle(T,(()=>A.current),[]);const[L,q]=e.useState(),[_,h]=e.useState(l.InputState.VALID),V=_===l.InputState.INVALID_FORMAT||_===l.InputState.INVALID_FORMAT_AND_SIZE,j=_===l.InputState.INVALID_SIZE||_===l.InputState.INVALID_FORMAT_AND_SIZE,U=i.getFileSizeString({maxBytes:m,format:S}),b=n.getValidTypesString({fileTypes:g}),z=u.getTypePropForInputEl({fileTypes:g}),C=()=>{var e;(null===(e=A.current)||void 0===e?void 0:e.value)&&(A.current.value="")},M=({overMaxSize:e,invalidFormat:t})=>{var r;let a=l.InputState.VALID;t&&!e?a=l.InputState.INVALID_FORMAT:!t&&e?a=l.InputState.INVALID_SIZE:t&&e&&(a=l.InputState.INVALID_FORMAT_AND_SIZE),null===(r=A.current)||void 0===r||r.setCustomValidity(a),h(a)},N=e.useCallback((e=>{if(!e.length)return void M({invalidFormat:!0});const[t]=e,l=t.size>m,[,r]=t.type.split("/"),n=!g.find((e=>e.substring(1)===r));l||n?C():a.setInputElFile({fileList:e,elementId:v}),M({invalidFormat:n,overMaxSize:l}),q(t)}),[g,v,m]),k=e.useCallback((()=>{C(),q(void 0),M({invalidFormat:!1,overMaxSize:!1})}),[]),R=e.useCallback((()=>{var e;const t=null===(e=null==A?void 0:A.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?N(t):k()}),[k,N]);return e.useEffect((()=>{const e=null==A?void 0:A.current;return null==e||e.addEventListener("change",R),null==e||e.addEventListener("cancel",k),()=>{null==e||e.removeEventListener("change",R),null==e||e.removeEventListener("cancel",k)}}),[R,k]),f.default.createElement(s.RootStack,{spacing:"sm",alignX:"stretch"},f.default.createElement(s.Label,{htmlFor:v},E,f.default.createElement(o.Stack,{spacing:3,alignX:"stretch",style:{paddingTop:p.sizes.sm}},f.default.createElement(s.Hint,null,f.default.createElement("div",null,b),f.default.createElement("div",null,U)),f.default.createElement(t.DropZoneContainer,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&N(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=A.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=A.current)||void 0===t||t.blur()}},f.default.createElement(r.UploadCopy,null),f.default.createElement("input",{ref:A,id:v,type:"file",accept:z,name:I,required:F,disabled:y,...D})))),f.default.createElement(o.Stack,{alignX:"stretch",spacing:"sm"},f.default.createElement(c.UploadedFile,{file:L,resetSelection:k,disabled:y}),f.default.createElement(d.UploadFileErrors,{acceptedTypesCopy:V?b:void 0,maxSizeCopy:j?U:void 0})))}));exports.UploadFile=I;
+'use strict';
+
+var React = require('react');
+var styled$1 = require('./styled.cjs');
+var constants = require('./constants.cjs');
+var UploadCopy = require('./components/UploadCopy/UploadCopy.cjs');
+var setInputElFile = require('./utils/setInputElFile/setInputElFile.cjs');
+var getValidTypesString = require('./utils/getValidTypesString/getValidTypesString.cjs');
+var getFileSizeString = require('./utils/getFileSizeString/getFileSizeString.cjs');
+var getTypePropForInputEl = require('./utils/getTypePropForInputEl/getTypePropForInputEl.cjs');
+var styled = require('../../hoc/withLabels/styled.cjs');
+var Stack = require('../Stack/Stack.cjs');
+var UploadFileErrors = require('./components/UploadFileErrors/UploadFileErrors.cjs');
+var UploadedFile = require('./components/UploadedFile/UploadedFile.cjs');
+var sizes = require('../../theme/modules/sizes.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const UploadFile = React.forwardRef(({ id, name, maxBytes = 1000000, format = constants.FileSizeUnit.MB, fileTypes, label = 'Upload file', required, disabled, ...otherProps }, outerRef) => {
+    const inputRef = React.useRef(null);
+    React.useImperativeHandle(outerRef, () => inputRef.current, []);
+    const [file, setFile] = React.useState();
+    const [errorState, setErrorState] = React.useState(constants.InputState.VALID);
+    const isInvalidFormat = errorState === constants.InputState.INVALID_FORMAT || errorState === constants.InputState.INVALID_FORMAT_AND_SIZE;
+    const isOverMaxSize = errorState === constants.InputState.INVALID_SIZE || errorState === constants.InputState.INVALID_FORMAT_AND_SIZE;
+    // Computed properties based on params
+    const maxSizeCopy = getFileSizeString.getFileSizeString({ maxBytes, format });
+    const acceptedTypesCopy = getValidTypesString.getValidTypesString({ fileTypes });
+    const acceptedTypesForInputEl = getTypePropForInputEl.getTypePropForInputEl({ fileTypes });
+    const clearFileSelection = () => {
+        var _a;
+        if ((_a = inputRef.current) === null || _a === undefined ? undefined : _a.value)
+            inputRef.current.value = '';
+    };
+    // Tracks error states within the input element itself, using preset
+    // error messages and assigns these to the input component based on the file
+    const setInputValidation = ({ overMaxSize, invalidFormat, }) => {
+        var _a;
+        let error = constants.InputState.VALID;
+        if (invalidFormat && !overMaxSize) {
+            error = constants.InputState.INVALID_FORMAT;
+        }
+        else if (!invalidFormat && overMaxSize) {
+            error = constants.InputState.INVALID_SIZE;
+        }
+        else if (invalidFormat && overMaxSize) {
+            error = constants.InputState.INVALID_FORMAT_AND_SIZE;
+        }
+        (_a = inputRef.current) === null || _a === undefined ? undefined : _a.setCustomValidity(error);
+        setErrorState(error);
+    };
+    // Processes file and updates the UI appropriately:
+    const updateFiles = React.useCallback((files) => {
+        if (!files.length) {
+            setInputValidation({ invalidFormat: true });
+            return;
+        }
+        const [newFile] = files;
+        const hasExceededMaxSize = newFile.size > maxBytes;
+        const [, extension] = newFile.type.split('/');
+        const isTypeValid = fileTypes.find((validType) => validType.substring(1) === extension);
+        const hasInvalidFormat = !isTypeValid;
+        if (hasExceededMaxSize || hasInvalidFormat) {
+            // Empty the inputRef's read-only fileList by clearing the value attribute,
+            // since we have an invalid input.
+            clearFileSelection();
+        }
+        else {
+            // Update the files attribute of the input el, with the new file(s)
+            setInputElFile.setInputElFile({ fileList: files, elementId: id });
+        }
+        setInputValidation({
+            invalidFormat: hasInvalidFormat,
+            overMaxSize: hasExceededMaxSize,
+        });
+        setFile(newFile);
+    }, [fileTypes, id, maxBytes]);
+    // For focussing of input el and updating drop UI
+    const onDragEnter = (event) => {
+        var _a;
+        event.preventDefault();
+        (_a = inputRef.current) === null || _a === undefined ? undefined : _a.focus();
+    };
+    // For unfocussing of input el and updating drop UI
+    const onDragLeave = (event) => {
+        var _a;
+        event.preventDefault();
+        (_a = inputRef.current) === null || _a === undefined ? undefined : _a.blur();
+    };
+    // Prevents default browser behaviour
+    const onDragOver = (event) => event.preventDefault();
+    // Process file when dropped into eligible area
+    const onDrop = (event) => {
+        event.preventDefault();
+        // Prevent reactions on dragging events that do not contain files
+        if (!event.dataTransfer.files.length)
+            return;
+        updateFiles(event.dataTransfer.files);
+    };
+    // Removes input el's files, clears errors and removes file from react component
+    const resetSelection = React.useCallback(() => {
+        clearFileSelection();
+        setFile(undefined);
+        setInputValidation({
+            invalidFormat: false,
+            overMaxSize: false,
+        });
+    }, []);
+    // Updates UI based on a native file input change. Attached via useEffect below
+    const onInputChange = React.useCallback(() => {
+        var _a;
+        const files = (_a = inputRef === null || inputRef === undefined ? undefined : inputRef.current) === null || _a === undefined ? undefined : _a.files;
+        if ((files === null || files === undefined ? undefined : files.length) && (files === null || files === undefined ? undefined : files.length) > 0)
+            updateFiles(files);
+        else
+            resetSelection();
+    }, [resetSelection, updateFiles]);
+    React.useEffect(() => {
+        const ref = inputRef === null || inputRef === undefined ? undefined : inputRef.current;
+        ref === null || ref === undefined ? undefined : ref.addEventListener('change', onInputChange);
+        ref === null || ref === undefined ? undefined : ref.addEventListener('cancel', resetSelection);
+        return () => {
+            ref === null || ref === undefined ? undefined : ref.removeEventListener('change', onInputChange);
+            ref === null || ref === undefined ? undefined : ref.removeEventListener('cancel', resetSelection);
+        };
+    }, [onInputChange, resetSelection]);
+    return (React__default.default.createElement(styled.RootStack, { spacing: "sm", alignX: "stretch" },
+        React__default.default.createElement(styled.Label, { htmlFor: id },
+            label,
+            React__default.default.createElement(Stack.Stack, { spacing: 3, alignX: "stretch", style: { paddingTop: sizes.sizes.sm } },
+                React__default.default.createElement(styled.Hint, null,
+                    React__default.default.createElement("div", null, acceptedTypesCopy),
+                    React__default.default.createElement("div", null, maxSizeCopy)),
+                React__default.default.createElement(styled$1.DropZoneContainer, { onDrop: onDrop, onDragEnter: onDragEnter, onDragOver: onDragOver, onDragLeave: onDragLeave },
+                    React__default.default.createElement(UploadCopy.UploadCopy, null),
+                    React__default.default.createElement("input", { ref: inputRef, id: id, type: "file", accept: acceptedTypesForInputEl, name: name, required: required, disabled: disabled, ...otherProps })))),
+        React__default.default.createElement(Stack.Stack, { alignX: "stretch", spacing: "sm" },
+            React__default.default.createElement(UploadedFile.UploadedFile, { file: file, resetSelection: resetSelection, disabled: disabled }),
+            React__default.default.createElement(UploadFileErrors.UploadFileErrors, { acceptedTypesCopy: isInvalidFormat ? acceptedTypesCopy : undefined, maxSizeCopy: isOverMaxSize ? maxSizeCopy : undefined }))));
+});
+
+exports.UploadFile = UploadFile;
 //# sourceMappingURL=UploadFile.cjs.map

package/dist/components/UploadFile/UploadFile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFile.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"UploadFile.cjs","sources":["../../../src/components/UploadFile/UploadFile.tsx"],"sourcesContent":[null],"names":["forwardRef","FileSizeUnit","useRef","useImperativeHandle","useState","InputState","getFileSizeString","getValidTypesString","getTypePropForInputEl","useCallback","setInputElFile","useEffect","React","RootStack","Label","Stack","sizes","Hint","DropZoneContainer","UploadCopy","UploadedFile","UploadFileErrors"],"mappings":"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"}

package/dist/components/UploadFile/UploadFile.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { UploadFileProps } from './types';
 export declare const UploadFile: React.ForwardRefExoticComponent<UploadFileProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=UploadFile.d.ts.map