@veeqo/ui 7.3.0 → 8.0.0-beta-1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,oBAAY,KAAK;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,OAAO;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}

package/dist/components/Tooltip/types.js

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFile.d.ts","sourceRoot":"","sources":["../../../src/components/UploadFile/UploadFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,eAAO,MAAM,UAAU,0FAkLtB,CAAC"}

package/dist/components/UploadFile/UploadFile.js

@@ -0,0 +1,2 @@
+import e,{forwardRef as t,useRef as r,useImperativeHandle as l,useState as n,useCallback as i,useEffect as o}from"react";import{DropZoneContainer as a}from"./styled.js";import{InputState as s,FileSizeUnit as m}from"./constants.js";import{UploadCopy as p}from"./components/UploadCopy/UploadCopy.js";import{setInputElFile as d}from"./utils/setInputElFile/setInputElFile.js";import{getValidTypesString as c}from"./utils/getValidTypesString/getValidTypesString.js";import{getFileSizeString as u}from"./utils/getFileSizeString/getFileSizeString.js";import{getTypePropForInputEl as v}from"./utils/getTypePropForInputEl/getTypePropForInputEl.js";import{RootStack as f,Label as E,Hint as g}from"../../hoc/withLabels/styled.js";import{Stack as I}from"../Stack/Stack.js";import{UploadFileErrors as y}from"./components/UploadFileErrors/UploadFileErrors.js";import{UploadedFile as D}from"./components/UploadedFile/UploadedFile.js";import{sizes as F}from"../../theme/modules/sizes.js";const S=t((({id:t,name:S,maxBytes:A=1e6,format:L=m.MB,fileTypes:T,label:h="Upload file",required:_,disabled:j,...V},N)=>{const M=r(null);l(N,(()=>M.current),[]);const[z,b]=n(),[x,U]=n(s.VALID),O=x===s.INVALID_FORMAT||x===s.INVALID_FORMAT_AND_SIZE,C=x===s.INVALID_SIZE||x===s.INVALID_FORMAT_AND_SIZE,R=u({maxBytes:A,format:L}),Z=c({fileTypes:T}),B=v({fileTypes:T}),X=()=>{var e;(null===(e=M.current)||void 0===e?void 0:e.value)&&(M.current.value="")},k=({overMaxSize:e,invalidFormat:t})=>{var r;let l=s.VALID;t&&!e?l=s.INVALID_FORMAT:!t&&e?l=s.INVALID_SIZE:t&&e&&(l=s.INVALID_FORMAT_AND_SIZE),null===(r=M.current)||void 0===r||r.setCustomValidity(l),U(l)},q=i((e=>{if(!e.length)return void k({invalidFormat:!0});const[r]=e,l=r.size>A,[,n]=r.type.split("/"),i=!T.find((e=>e.substring(1)===n));l||i?X():d({fileList:e,elementId:t}),k({invalidFormat:i,overMaxSize:l}),b(r)}),[T,t,A]),P=i((()=>{X(),b(void 0),k({invalidFormat:!1,overMaxSize:!1})}),[]),w=i((()=>{var e;const t=null===(e=null==M?void 0:M.current)||void 0===e?void 0:e.files;(null==t?void 0:t.length)&&(null==t?void 0:t.length)>0?q(t):P()}),[P,q]);return o((()=>{const e=null==M?void 0:M.current;return null==e||e.addEventListener("change",w),null==e||e.addEventListener("cancel",P),()=>{null==e||e.removeEventListener("change",w),null==e||e.removeEventListener("cancel",P)}}),[w,P]),e.createElement(f,{spacing:"sm",alignX:"stretch"},e.createElement(E,{htmlFor:t},h,e.createElement(I,{spacing:3,alignX:"stretch",style:{paddingTop:F.sm}},e.createElement(g,null,e.createElement("div",null,Z),e.createElement("div",null,R)),e.createElement(a,{onDrop:e=>{e.preventDefault(),e.dataTransfer.files.length&&q(e.dataTransfer.files)},onDragEnter:e=>{var t;e.preventDefault(),null===(t=M.current)||void 0===t||t.focus()},onDragOver:e=>e.preventDefault(),onDragLeave:e=>{var t;e.preventDefault(),null===(t=M.current)||void 0===t||t.blur()}},e.createElement(p,null),e.createElement("input",{ref:M,id:t,type:"file",accept:B,name:S,required:_,disabled:j,...V})))),e.createElement(I,{alignX:"stretch",spacing:"sm"},e.createElement(D,{file:z,resetSelection:P,disabled:j}),e.createElement(y,{acceptedTypesCopy:O?Z:void 0,maxSizeCopy:C?R:void 0})))}));export{S as UploadFile};
+//# sourceMappingURL=UploadFile.js.map

package/dist/components/UploadFile/UploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFile.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const UploadGraphic: () => React.JSX.Element;
+//# sourceMappingURL=UploadGraphic.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadGraphic.d.ts","sourceRoot":"","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,aAAa,yBAWzB,CAAC"}

package/dist/components/UploadFile/UploadGraphic.js

@@ -0,0 +1,2 @@
+import e from"react";const t=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"56",height:"56",fill:"none",role:"presentation"},e.createElement("path",{fill:"#fff",d:"M0 28C0 12.536 12.536 0 28 0s28 12.536 28 28-12.536 28-28 28S0 43.464 0 28"}),e.createElement("path",{fill:"#37424D",d:"M22.5 36c-1.517 0-2.812-.525-3.887-1.575-1.075-1.05-1.613-2.333-1.613-3.85 0-1.3.392-2.458 1.175-3.475s1.808-1.667 3.075-1.95c.417-1.533 1.25-2.775 2.5-3.725C25 20.475 26.417 20 28 20c1.95 0 3.604.68 4.962 2.038C34.322 23.396 35 25.05 35 27c1.15.133 2.104.63 2.862 1.488A4.407 4.407 0 0 1 39 31.5c0 1.25-.437 2.313-1.312 3.188C36.812 35.562 35.75 36 34.5 36H29c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 27 34v-5.15l-1.6 1.55L24 29l4-4 4 4-1.4 1.4-1.6-1.55V34h5.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C35.792 29.242 35.2 29 34.5 29H33v-2c0-1.383-.487-2.562-1.462-3.538C30.562 22.489 29.383 22 28 22s-2.562.488-3.538 1.462C23.489 24.438 23 25.618 23 27h-.5c-.967 0-1.792.342-2.475 1.025A3.372 3.372 0 0 0 19 30.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 22.5 34H25v2z"}));export{t as UploadGraphic};
+//# sourceMappingURL=UploadGraphic.js.map

package/dist/components/UploadFile/UploadGraphic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadGraphic.js","sources":["../../../src/components/UploadFile/UploadGraphic.tsx"],"sourcesContent":[null],"names":["UploadGraphic","React","createElement","xmlns","width","height","fill","role"],"mappings":"qBAEO,MAAAA,EAAmB,IAAAC,EAAAC,cAAA,MAWxB,CAAAC,MAAA,6BAAAC,MAAA,KAAAC,OAAA,KAAAC,KAAA,OAAAC,KAAA"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const UploadCopy: () => React.JSX.Element;
+//# sourceMappingURL=UploadCopy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCopy.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/components/UploadCopy/UploadCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,UAAU,yBAOtB,CAAC"}

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.js

@@ -0,0 +1,2 @@
+import e from"react";import{UploadGraphic as t}from"../../UploadGraphic.js";import{sizes as r}from"../../../../theme/modules/sizes.js";import{Stack as m}from"../../../Stack/Stack.js";import{Text as o}from"../../../Text/Text.js";const a=()=>e.createElement(m,{alignX:"center",alignY:"center",spacing:"sm",style:{pointerEvents:"none"}},e.createElement(t,null),e.createElement(o,{variant:"subheadingSmall",style:{paddingTop:r.sm}},"Browse files or drag them here"));export{a as UploadCopy};
+//# sourceMappingURL=UploadCopy.js.map

package/dist/components/UploadFile/components/UploadCopy/UploadCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCopy.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -5,3 +5,4 @@ type UploadFileErrorsProps = {
 };
 export declare const UploadFileErrors: ({ acceptedTypesCopy, maxSizeCopy }: UploadFileErrorsProps) => React.JSX.Element | null;
 export {};
+//# sourceMappingURL=UploadFileErrors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileErrors.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,qBAAqB,GAAG;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uCAAwC,qBAAqB,6BASzF,CAAC"}

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js

@@ -0,0 +1,2 @@
+import e from"react";import{Stack as t}from"../../../Stack/Stack.js";import{Text as r}from"../../../Text/Text.js";const a=({acceptedTypesCopy:a,maxSizeCopy:o})=>a||o?e.createElement(t,{alignX:"start",spacing:"xs"},a&&e.createElement(r,{variant:"errorSmall"},"Invalid format (",a,")"),o&&e.createElement(r,{variant:"errorSmall"},"File is too big (",o,")")):null;export{a as UploadFileErrors};
+//# sourceMappingURL=UploadFileErrors.js.map

package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileErrors.js","sources":["../../../../../src/components/UploadFile/components/UploadFileErrors/UploadFileErrors.tsx"],"sourcesContent":[null],"names":["UploadFileErrors","acceptedTypesCopy","maxSizeCopy"],"mappings":"kHAMa,MAAAA,EAAU,EAAAC,oBAAAC,iBACrBD,GAAAC,gMAEK"}

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

@@ -6,3 +6,4 @@ type UploadedFileProps = {
 };
 export declare const UploadedFile: ({ file, resetSelection, disabled }: UploadedFileProps) => React.JSX.Element | null;
 export {};
+//# sourceMappingURL=UploadedFile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,uCAAwC,iBAAiB,6BAgBjF,CAAC"}

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js

@@ -0,0 +1,2 @@
+import e from"react";import{Button as t}from"../../../Button/Button.js";import{CrossIcon as n}from"../../../../tempIcons/CrossIcon.js";import{UploadedFilesListStack as o,SingleLineText as l}from"./styled.js";const r=({file:r,resetSelection:i,disabled:a})=>r?e.createElement(o,{alignX:"between",direction:"horizontal",alignY:"center"},e.createElement(l,{variant:"body"},null==r?void 0:r.name),e.createElement(t,{size:"sm",variant:"flat",onClick:i,icon:e.createElement(n,null),"aria-label":"Remove file",disabled:a})):null;export{r as UploadedFile};
+//# sourceMappingURL=UploadedFile.js.map

package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFile.js","sources":["../../../../../src/components/UploadFile/components/UploadedFile/UploadedFile.tsx"],"sourcesContent":[null],"names":["UploadedFile","file","resetSelection","disabled"],"mappings":"gNAQU,MAACA,EAAU,EAAAC,OAAAC,iBAAAC,cACnBF,oQAEK"}

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

@@ -1,2 +1,3 @@
 export declare const SingleLineText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
 export declare const UploadedFilesListStack: import("styled-components").StyledComponent<"div", any, import("../../../Stack/types").StackProps, never>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/UploadFile/components/UploadedFile/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/components/UploadedFile/styled.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc,+GAK1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,2GAQlC,CAAC"}

package/dist/components/UploadFile/components/UploadedFile/styled.js

@@ -0,0 +1,2 @@
+import e from"styled-components";import{Text as i}from"../../../Text/Text.js";import{colors as o}from"../../../../theme/modules/colors.js";import{radius as t}from"../../../../theme/modules/radius.js";import{sizes as s}from"../../../../theme/modules/sizes.js";import{Stack as r}from"../../../Stack/Stack.js";const m=e(i).withConfig({displayName:"vui--SingleLineText",componentId:"vui--2zjkq9"})`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;`,d=e(r).withConfig({displayName:"vui--UploadedFilesListStack",componentId:"vui--r41a54"})`border:1px solid ${o.neutral.ink.lightest};border-radius:${t.base};padding:${s.xs};${i}{padding-left:${s.xs};}`;export{m as SingleLineText,d as UploadedFilesListStack};
+//# sourceMappingURL=styled.js.map

package/dist/components/UploadFile/components/UploadedFile/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -15,3 +15,4 @@ export declare enum InputState {
     INVALID_SIZE = "File size is too big",
     INVALID_FORMAT_AND_SIZE = "File is incorrect format and too big"
 }
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/UploadFile/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,GAAG,SAAS;IACZ,IAAI,UAAU;IACd,GAAG,SAAS;IACZ,GAAG,SAAS;IACZ,GAAG,SAAS;CACb;AAED,oBAAY,YAAY;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,UAAU;IACpB,KAAK,KAAK;IACV,cAAc,6BAA6B;IAC3C,YAAY,yBAAyB;IACrC,uBAAuB,yCAAyC;CACjE"}

package/dist/components/UploadFile/constants.js

@@ -0,0 +1,2 @@
+var i,o,n;!function(i){i.CSV=".csv",i.JPEG=".jpeg",i.JPG=".jpg",i.GIF=".gif",i.PNG=".png"}(i||(i={})),function(i){i.KB="KB",i.MB="MB"}(o||(o={})),function(i){i.VALID="",i.INVALID_FORMAT="File is incorrect format",i.INVALID_SIZE="File size is too big",i.INVALID_FORMAT_AND_SIZE="File is incorrect format and too big"}(n||(n={}));export{i as AcceptedFileTypes,o as FileSizeUnit,n as InputState};
+//# sourceMappingURL=constants.js.map

package/dist/components/UploadFile/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/UploadFile/constants.ts"],"sourcesContent":[null],"names":["AcceptedFileTypes","FileSizeUnit","InputState"],"mappings":"AAAA,IAAAA,EASWC,EAMTC,GAdA,SAAYF,GACZA,EAAc,IAAA,OACdA,EAAY,KAAA,QACZA,EAAY,IAAA,OACZA,EAAY,IAAA,OACbA,EAAA,IAAA,MAED,CAPE,CAOFA,IAAwBA,EAAA,CAAA,IAEtB,SAASC,GACVA,EAAA,GAAA,KAEDA,EAAsB,GAAA,IACpB,CAJA,CAIAA,IAAUA,EAAA,CAAA,IAEV,SAAAC,GACAA,EAAA,MAAA,GACDA,EAAA,eAAA,kIAFC"}

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

@@ -1,2 +1,3 @@
 export { UploadFile } from './UploadFile';
 export { AcceptedFileTypes, FileSizeUnit } from './constants';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UploadFile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

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

@@ -1 +1,2 @@
 export declare const DropZoneContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/UploadFile/styled.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,oEA+D7B,CAAC"}

package/dist/components/UploadFile/styled.js

@@ -0,0 +1,2 @@
+import e from"styled-components";import{colors as o}from"../../theme/modules/colors.js";import{radius as r}from"../../theme/modules/radius.js";import{sizes as d}from"../../theme/modules/sizes.js";const s=e.div.withConfig({displayName:"vui--DropZoneContainer",componentId:"vui--ljd9es"})`display:flex;align-items:center;justify-content:center;padding:${d.md};border-radius:${r.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${o.neutral.ink.lightest};background-color:${o.neutral.grey.lightest};:hover{border:2px dashed ${o.secondary.blue.base};background-color:${o.secondary.blue.lightest};}:active{border:2px dashed ${o.secondary.blue.base};box-shadow:0 0 0 4px ${o.secondary.blue.light};background-color:${o.secondary.blue.lightest};}:focus-within{border:2px dashed ${o.secondary.blue.base};box-shadow:0 0 0 4px ${o.secondary.blue.light};background-color:${o.secondary.blue.lightest};}&:has(input:invalid){border:2px dashed ${o.secondary.red.base};:hover{border:2px dashed ${o.secondary.red.base};background-color:${o.secondary.red.lightest};}:active{border:2px dashed ${o.secondary.red.base};box-shadow:0 0 0 4px ${o.secondary.red.light};background-color:${o.secondary.red.lightest};}:focus-within{border:2px dashed ${o.secondary.red.base};box-shadow:0 0 0 4px ${o.secondary.red.light};background-color:${o.secondary.red.lightest};}}&:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${o.neutral.grey.light};border-color:${o.neutral.ink.lightest};color:${o.neutral.ink.light};}`;export{s as DropZoneContainer};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -7,3 +7,4 @@ export interface UploadFileProps extends React.InputHTMLAttributes<HTMLInputElem
     format?: FileSizeUnit;
     maxBytes?: number;
 }
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/UploadFile/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAClF,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

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

@@ -22,3 +22,4 @@ type GetFileSizeStringProps = {
  */
 export declare const getFileSizeString: ({ maxBytes, format, baseString }: GetFileSizeStringProps) => string;
 export {};
+//# sourceMappingURL=getFileSizeString.d.ts.map

package/dist/components/UploadFile/utils/getFileSizeString/getFileSizeString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFileSizeString.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/utils/getFileSizeString/getFileSizeString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AACF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,qCAAsC,sBAAsB,WAUzF,CAAC"}

package/dist/components/UploadFile/utils/getFileSizeString/getFileSizeString.js

@@ -0,0 +1,2 @@
+import{FileSizeUnit as e}from"../../constants.js";const r=({maxBytes:r,format:t,baseString:s})=>{const n=null==s?"Max size: ":s;switch(t){case e.KB:return`${n}${Number(r)/1e3} KB`;case e.MB:return`${n}${Number(r)/1e6} MB`;default:return`${n}${Number(r)/1e3} KB`}};export{r as getFileSizeString};
+//# sourceMappingURL=getFileSizeString.js.map

package/dist/components/UploadFile/utils/getFileSizeString/getFileSizeString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFileSizeString.js","sources":["../../../../../src/components/UploadFile/utils/getFileSizeString/getFileSizeString.ts"],"sourcesContent":[null],"names":["base","Number","maxBytes","FileSizeUnit","MB"],"mappings":"oJAsBG,MAAA,GAAAA,IAAAC,OAAAC,GAAA,SACH,KAAAC,EAAaC"}

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

@@ -22,3 +22,4 @@ type GetValidTypesStringProps = {
  */
 export declare const getTypePropForInputEl: ({ fileTypes }: GetValidTypesStringProps) => string;
 export {};
+//# sourceMappingURL=getTypePropForInputEl.d.ts.map

package/dist/components/UploadFile/utils/getTypePropForInputEl/getTypePropForInputEl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTypePropForInputEl.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/utils/getTypePropForInputEl/getTypePropForInputEl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,qBAAqB,kBAAmB,wBAAwB,WAS5E,CAAC"}

package/dist/components/UploadFile/utils/getTypePropForInputEl/getTypePropForInputEl.js

@@ -0,0 +1,2 @@
+const t=({fileTypes:t})=>{if(1===t.length)return t[0];let e="";return t.forEach(((t,n,r)=>{const l=r.length-1===n&&r.length>1;e+=l?`${t}`:`${t}, `})),e.trim()};export{t as getTypePropForInputEl};
+//# sourceMappingURL=getTypePropForInputEl.js.map

package/dist/components/UploadFile/utils/getTypePropForInputEl/getTypePropForInputEl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTypePropForInputEl.js","sources":["../../../../../src/components/UploadFile/utils/getTypePropForInputEl/getTypePropForInputEl.ts"],"sourcesContent":[null],"names":["fileTypes","forEach","fileType","index","list","isLastElement","length"],"mappings":"sEAuBGA,EAAAC,SAAA,CAAAC,EAAAC,EAAAC,KACH,MAAAC,EAAaD,EAAAE,OAAwC,IAAAH,GAAAC,EAAAE,OAAA"}

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

@@ -23,3 +23,4 @@ type GetValidTypesStringProps = {
  */
 export declare const getValidTypesString: ({ fileTypes, baseString }: GetValidTypesStringProps) => string;
 export {};
+//# sourceMappingURL=getValidTypesString.d.ts.map

package/dist/components/UploadFile/utils/getValidTypesString/getValidTypesString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValidTypesString.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/utils/getValidTypesString/getValidTypesString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,8BAA+B,wBAAwB,WAgCtF,CAAC"}

package/dist/components/UploadFile/utils/getValidTypesString/getValidTypesString.js

@@ -0,0 +1,2 @@
+import{AcceptedFileTypes as e}from"../../constants.js";const t=({fileTypes:t,baseString:a})=>{let s=null==a?"Valid types: ":a;return t.forEach(((t,a,n)=>{const r=n.length>1,c=a===n.length-1&&r,l=a===n.length-2&&r;switch(c&&(s+=" and "),t){case e.CSV:s+="CSV";break;case e.GIF:s+="GIF";break;case e.JPEG:s+="JPEG";break;case e.JPG:s+="JPG";break;case e.PNG:s+="PNG"}!l&&!c&&n.length>2&&(s+=", ")})),s};export{t as getValidTypesString};
+//# sourceMappingURL=getValidTypesString.js.map

package/dist/components/UploadFile/utils/getValidTypesString/getValidTypesString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValidTypesString.js","sources":["../../../../../src/components/UploadFile/utils/getValidTypesString/getValidTypesString.ts"],"sourcesContent":[null],"names":["iterable","list","length","isLast","index"],"mappings":"0JAwBG,MAAAA,EAAAC,EAAAC,OAAA,EACHC,EAAaC,IAAAH,EAAAC,OAAkD,GAAAF"}

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

@@ -2,3 +2,4 @@ export { getValidTypesString } from './getValidTypesString/getValidTypesString';
 export { getFileSizeString } from './getFileSizeString/getFileSizeString';
 export { getTypePropForInputEl } from './getTypePropForInputEl/getTypePropForInputEl';
 export { setInputElFile } from './setInputElFile/setInputElFile';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/UploadFile/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UploadFile/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

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

@@ -11,3 +11,4 @@ type SetInputElFileProps = {
  */
 export declare const setInputElFile: ({ fileList, elementId }: SetInputElFileProps) => void;
 export {};
+//# sourceMappingURL=setInputElFile.d.ts.map

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setInputElFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/UploadFile/utils/setInputElFile/setInputElFile.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,4BAA6B,mBAAmB,SAK1E,CAAC"}

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.js

@@ -0,0 +1,2 @@
+const e=({fileList:e,elementId:t})=>{const n=document.getElementById(t);e.length&&(n.files=e)};export{e as setInputElFile};
+//# sourceMappingURL=setInputElFile.js.map

package/dist/components/UploadFile/utils/setInputElFile/setInputElFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setInputElFile.js","sources":["../../../../../src/components/UploadFile/utils/setInputElFile/setInputElFile.ts"],"sourcesContent":[null],"names":["inputEl","files","fileList"],"mappings":"mFAWGA,EAAAC,MAAAC,EACH"}

package/dist/components/VideoModal/VideoModal.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { VideoModalProps } from './types';
 export declare const VideoModal: ({ id, youtubeVideoId, showVideoModal, handleCloseClick, }: VideoModalProps) => React.JSX.Element;
+//# sourceMappingURL=VideoModal.d.ts.map

package/dist/components/VideoModal/VideoModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoModal.d.ts","sourceRoot":"","sources":["../../../src/components/VideoModal/VideoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,UAAU,8DAKpB,eAAe,sBA2BjB,CAAC"}

package/dist/components/VideoModal/VideoModal.js

@@ -0,0 +1,2 @@
+import e from"react";import{Popup as o}from"./components/Popup.js";import{PopupContent as t,VideoWrapper as r,ButtonSC as i}from"./styled.js";import{useClickOutside as l}from"../../hooks/useClickOutside.js";import"../../hooks/useFocusVisible.js";import"uid/secure";import{CrossIcon as s}from"../../tempIcons/CrossIcon.js";const c=({id:c,youtubeVideoId:a,showVideoModal:m,handleCloseClick:d})=>{const n=l(m,d);return e.createElement(o,{shouldShow:m,className:`${c}-video`},e.createElement(t,{"data-testid":"video-modal_popup-content",className:"video-modal--"+(m?"visible":"hidden")},e.createElement(r,{ref:n},e.createElement("iframe",{title:`${c}-video`,src:`https://www.youtube.com/embed/${a}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),e.createElement(i,{variant:"flat",onClick:d,"data-testid":"video-modal--close",icon:e.createElement(s,{color:"white"})}))))};export{c as VideoModal};
+//# sourceMappingURL=VideoModal.js.map

package/dist/components/VideoModal/VideoModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/VideoModal/components/Popup.d.ts

@@ -6,3 +6,4 @@ export interface PopupProps {
     className?: string;
 }
 export declare const Popup: FC<PopupProps>;
+//# sourceMappingURL=Popup.d.ts.map

package/dist/components/VideoModal/components/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmB7C,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAiBhC,CAAC"}

package/dist/components/VideoModal/components/Popup.js

@@ -0,0 +1,2 @@
+import e from"react";import l from"react-scrolllock-configurable";import{Portal as t}from"../../Portal/Portal.js";import{Container as r,Shadow as a,Wrap as o}from"./styled.js";import{buildClassnames as m}from"../../../utils/buildClassnames.js";const s=({usePortal:l,children:r})=>e.createElement(e.Fragment,null,l?e.createElement(t,null,r):r),c=({className:t,children:c=null,shouldShow:n=!1,usePortal:i=!0})=>e.createElement(s,{usePortal:i},e.createElement(r,{className:m([`${t}-container`,t]),shouldShow:n},e.createElement(a,null),e.createElement(l,{isActive:n},e.createElement(o,{className:m([`${t}-wrap`,t])},c))));export{c as Popup};
+//# sourceMappingURL=Popup.js.map

package/dist/components/VideoModal/components/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sources":["../../../../src/components/VideoModal/components/Popup.tsx"],"sourcesContent":[null],"names":["WithPortal","usePortal","children"],"mappings":"oPAwBC,MAAAA,EAAA,EAAAC,YAAAC"}

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

@@ -5,3 +5,4 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const Shadow: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/VideoModal/components/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoModal/components/styled.ts"],"names":[],"mappings":"AAIA,UAAU,UAAU;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,SAAS,4EAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,oEAGlB,CAAC;AAEF,eAAO,MAAM,IAAI,oEAKhB,CAAC"}

package/dist/components/VideoModal/components/styled.js

@@ -0,0 +1,2 @@
+import o from"styled-components";import{theme as i}from"../../../theme/index.js";import{BaseContainer as n}from"../../BaseContainer/BaseContainer.js";const t="\n  position: fixed;\n  height: 100%;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n",e=o(n).withConfig({displayName:"vui--Container",componentId:"vui--5gocp5"})`${t} display:${o=>o.shouldShow?"initial":"none"};z-index:${i.layers.modal};`,a=o(n).withConfig({displayName:"vui--Shadow",componentId:"vui--p8qe4b"})`${t} background-color:rgba(55,66,77,0.5);`,d=o(n).withConfig({displayName:"vui--Wrap",componentId:"vui--1u28do5"})`position:relative;height:100%;width:100%;z-index:1;`;export{e as Container,a as Shadow,d as Wrap};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/VideoModal/components/styled.ts"],"sourcesContent":[null],"names":["commonStyles"],"mappings":"sJAiBA,MAAOA,EAAM"}

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

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

package/dist/components/VideoModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VideoModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -9,3 +9,4 @@ export declare const ButtonSC: import("styled-components").StyledComponent<impor
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/VideoModal/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/VideoModal/styled.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY,oEAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,oEAOxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;sEAIpB,CAAC"}

package/dist/components/VideoModal/styled.js

@@ -0,0 +1,2 @@
+import i from"styled-components";import{Button as t}from"../Button/Button.js";const o=i.div.withConfig({displayName:"vui--PopupContent",componentId:"vui--ohq9qo"})`display:flex;justify-content:center;align-items:center;height:100%;`,e=i.div.withConfig({displayName:"vui--VideoWrapper",componentId:"vui--55zou"})`position:relative;iframe{width:57vw;height:calc(57vw * 0.5625);border-radius:8px;}`,n=i(t).withConfig({displayName:"vui--ButtonSC",componentId:"vui--2rc7ks"})`position:absolute;top:0px;right:-45px;`;export{n as ButtonSC,o as PopupContent,e as VideoWrapper};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/VideoModal/styled.ts"],"sourcesContent":[null],"names":["PopupContent","styled","div","withConfig","displayName","componentId","VideoWrapper"],"mappings":"8EAUO,MAAAA,EAAkBC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAOvB,sEAEFC,EAAqBL,EAAAC,IAAAC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,cAAA"}

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

@@ -7,3 +7,4 @@ export interface VideoModalProps {
 export interface ClosingButtonProps {
     onClick: () => void;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/components/VideoModal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VideoModal/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AACD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/dist/components/View/View.d.ts

@@ -16,3 +16,4 @@ export interface ClassNamesReturnPayload {
  *
  */
 export declare const View: ({ id, iconSlot, name, type, className, colourPalette, customTextColour, count, active, onClick, onDelete, onEdit, e2eClassName, }: ViewProps) => React.JSX.Element;
+//# sourceMappingURL=View.d.ts.map

package/dist/components/View/View.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../src/components/View/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAE,SAAS,EAAa,MAAM,SAAS,CAAC;AAe/C,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAWD;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,sIAcd,SAAS,sBAuEX,CAAC"}

package/dist/components/View/View.js

@@ -0,0 +1,2 @@
+import e,{useCallback as o}from"react";import"../../hooks/useFocusVisible.js";import{useHover as t}from"../../hooks/useHover.js";import{buildClassnames as l}from"../../utils/buildClassnames.js";import"uid/secure";import{colors as r}from"../../theme/modules/colors.js";import{ViewTypes as i}from"./types.js";import{Container as n,Contour as a,CustomIconWrapper as s,CounterContainer as c,CounterText as m,IconStyling as u}from"./styled.js";import{CrossIcon as d}from"../../tempIcons/CrossIcon.js";import{EditIcon as v}from"../../tempIcons/EditIcon.js";import{Text as p}from"../Text/Text.js";const E=e=>({delete:e?`${e}-delete`:void 0,options:e?`${e}-options`:void 0,edit:e?`${e}-edit`:void 0,container:e?`${e}-container`:void 0,active:e?`${e}-active`:void 0,counter:e?`${e}-counter`:void 0}),f=({id:f,iconSlot:C,name:j,type:k,className:$,colourPalette:b=r.secondary.blue,customTextColour:x,count:N,active:y=!1,onClick:P,onDelete:T,onEdit:h,e2eClassName:I})=>{const g=E($),M=E(I),[S,B,D]=t(),F=o((()=>P(f)),[f,P]),H=o((e=>{e.stopPropagation(),T&&T(f)}),[T,f]),L=o((e=>{e.stopPropagation(),h&&h(f)}),[h,f]),V=k===i.draft,q=k===i.saved,w=y?r.neutral.ink.dark:r.neutral.ink.base;return e.createElement(n,{className:`${l([null==g?void 0:g.container,null==M?void 0:M.container])} ${y&&(null==M?void 0:M.active)||""}`,onClick:F},e.createElement(a,{active:y,onMouseEnter:B,onMouseLeave:D,colourPalette:b,customTextColour:x},C&&e.createElement(s,null,C),e.createElement(p,{variant:"bodyBold"},j),N&&e.createElement(c,{active:y||S,colourPalette:b,customTextColour:x},e.createElement(m,{className:null==M?void 0:M.counter,variant:"subheadingSmall"},N)),V&&e.createElement(d,{...u,color:w,className:null==M?void 0:M.delete,onClick:H}),q&&y&&e.createElement(v,{...u,color:w,className:null==M?void 0:M.edit,onClick:L})))};export{f as View};
+//# sourceMappingURL=View.js.map

package/dist/components/View/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sources":["../../../src/components/View/View.tsx"],"sourcesContent":[null],"names":["generateClassNames","prefix","delete","undefined","options"],"mappings":"olBA0BSA,EAAUC,IAAA,CAClBC,OAAAD,EAAA,GAAAA,gBAAAE,EAWDC,QAAAH,EAAA,GAAAA,iBAAAE"}

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

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

package/dist/components/View/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/View/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -16,3 +16,4 @@ declare const IconStyling: {
 };
 export declare const CustomIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { Container, Contour, Text, CounterContainer, CounterText, IconStyling };
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/View/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/View/styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,aAAa,EAAU,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,KAAK,eAAe,GAAG;IAAE,aAAa,EAAE,aAAa,CAAA;CAAE,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,kBAAkB,CAAC,GAAG,eAAe,CAAC;AAC5F,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,kBAAkB,CAAC,GAAG,eAAe,CAAC;AAE5F,QAAA,MAAM,SAAS,oEAEd,CAAC;AAEF,QAAA,MAAM,WAAW,yGAEhB,CAAC;AAEF,QAAA,MAAM,OAAO,kIA2BZ,CAAC;AAEF,QAAA,MAAM,gBAAgB,8KAoBrB,CAAC;AAEF,QAAA,MAAM,WAAW;;CAOhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAS7B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/View/styled.js

@@ -0,0 +1,2 @@
+import e from"styled-components";import{colors as i}from"../../theme/modules/colors.js";import{Text as o}from"../Text/Text.js";import{BaseContainer as n}from"../BaseContainer/BaseContainer.js";import{sizes as t}from"../../theme/modules/sizes.js";const r=e(n).withConfig({displayName:"vui--Container",componentId:"vui--m1gs4v"})`padding:14px 24px;`,a=e(o).withConfig({displayName:"vui--CounterText",componentId:"vui--1ilv3bg"})`line-height:1;`,s=e(n).withConfig({displayName:"vui--Contour",componentId:"vui--b8oq7f"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({colourPalette:e,customTextColour:n})=>`\n    &:hover {\n      border: 1px solid ${e.base};\n      background-color: ${e.lightest};\n    }\n\n    ${o} {\n      color: ${null!=n?n:i.neutral.ink.dark};\n    }\n  `} ${({active:e,colourPalette:i})=>e&&`\n    background-color: ${i.lightest};\n  `}`,l=e(o).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1xuhw17"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:e,colourPalette:i})=>e&&`\n    background-color: ${i.base};\n\n    & > ${a} {\n      color: #fff;\n    }\n  `}`,d={style:{marginLeft:t.xs,padding:t.xs,height:t.base,width:t.base}},p=e.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--122jw7g"})`display:flex;align-items:center;margin-right:${t.sm};svg{height:${t.base};width:${t.base};}`;export{r as Container,s as Contour,l as CounterContainer,a as CounterText,p as CustomIconWrapper,d as IconStyling,o as Text};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/View/styled.ts"],"sourcesContent":[null],"names":["Container","styled","withConfig","displayName","componentId","CounterText","Text","Contour","BaseContainer","colourPalette","customTextColour","base","lightest","active"],"mappings":"sPAWsC,MAAAA,EAAAC,KAAeC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAA,qBAAGC,EAAAJ,EAAAK,GAAAJ,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAA,iBAClDG,EAAMN,EAAAO,GAAoBN,WAAW,CAAQC,YAAG,2BAAsC,eAAA,iKAAA,EAAAM,gBAAAC,sBAAA,4CAG7ED,EAAAE,kCAIEF,EAAAG,2BAuDjBN,mEASO,EAAAO,SAAAJ,mBAAuBI,GAW9B"}

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

@@ -34,3 +34,4 @@ export interface ViewProps {
     /** Class name for e2e testing */
     e2eClassName?: string;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/components/View/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/View/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAE5B,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IAEb,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAC;IAEX,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAE9B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,8EAA8E;IAC9E,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/components/View/types.js

@@ -0,0 +1,2 @@
+var d;!function(d){d.saved="saved",d.fixed="fixed",d.draft="draft"}(d||(d={}));export{d as ViewTypes};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/View/types.ts"],"sourcesContent":[null],"names":["ViewTypes"],"mappings":"AAAS,IAAAA,GACT,SAASA,GAETA,EAAqB,MAAA,QAErBA,EAAqB,MAAA,QACnBA,EAAe,MAAA,OACf,CANF,CAMEA,IAAeA,EAAA,CAAA"}

package/dist/components/ViewTab/ViewTab.d.ts

@@ -19,3 +19,4 @@ export declare const ViewTab: React.ForwardRefExoticComponent<Omit<React.ButtonH
     subAction?: ((id: string) => void) | undefined;
     ariaContext: string;
 } & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ViewTab.d.ts.map

package/dist/components/ViewTab/ViewTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewTab.d.ts","sourceRoot":"","sources":["../../../src/components/ViewTab/ViewTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AAoBnC,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAUD,eAAO,MAAM,OAAO;;;;;;;;;;;;2CAwEnB,CAAC"}

package/dist/components/ViewTab/ViewTab.js

@@ -0,0 +1,2 @@
+import e from"react";import"../../hooks/useFocusVisible.js";import{useHover as t}from"../../hooks/useHover.js";import{buildClassnames as o}from"../../utils/buildClassnames.js";import"uid/secure";import{colors as r}from"../../theme/modules/colors.js";import{ViewTabTypes as a}from"./types.js";import{ViewButton as l,Contour as i,CustomIconWrapper as c,CounterContainer as n,CounterText as s,CrossIconStyling as m,IconStyling as u,ThreeDotsIconStyling as d}from"./styled.js";import{Text as v}from"../Text/Text.js";const p=e.forwardRef((({id:p,iconSlot:f,name:b,type:E,className:$,colourPalette:C=r.secondary.blue,customTextColour:x,count:j,active:T=!1,onClick:h,subAction:y,ariaContext:k,...w},P)=>{const M={delete:(N=$)?`${N}-delete`:void 0,edit:N?`${N}-edit`:void 0,container:N?`${N}-view`:void 0,active:N?`${N}-active`:void 0,counter:N?`${N}-counter`:void 0};var N;const[S,g,A]=t(),B=T&&y?y:h,D=E===a.draft,F=E===a.saved;return e.createElement(l,{className:o([null==M?void 0:M.container]),onClick:()=>B(p),role:"tab","aria-selected":T,"aria-label":`${T&&D?"Delete":T&&F?"Edit":""} ${b} view ${j?`with ${j} ${k}`:""}`,customTextColour:x,ref:P,...w},e.createElement(i,{active:T,onMouseEnter:g,onMouseLeave:A,colourPalette:C,customTextColour:x},f&&e.createElement(c,null,f),e.createElement(v,{variant:"bodyBold"},b),null!=j&&e.createElement(n,{"data-testid":"countContainer",active:T||S,colourPalette:C,customTextColour:x},e.createElement(s,{variant:"subheadingSmall"},j)),D&&e.createElement(m,{...u,"aria-label":"delete icon"}),F&&T&&e.createElement(d,{...u,"aria-label":"edit icon"})))}));export{p as ViewTab};
+//# sourceMappingURL=ViewTab.js.map

package/dist/components/ViewTab/ViewTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewTab.js","sources":["../../../src/components/ViewTab/ViewTab.tsx"],"sourcesContent":[null],"names":["delete","prefix","undefined","edit"],"mappings":"isBAyBmB,CAClBA,QADkBC,KAClB,GAAAA,gBAAAC,EAUDC,KAAAF,KAAoBA,cAAAC,gGAXD,IAAAD"}

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

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

package/dist/components/ViewTab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ViewTab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -19,3 +19,4 @@ declare const IconStyling: {
 };
 export declare const CustomIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { ViewButton, Contour, Text, CounterContainer, CounterText, IconStyling, ThreeDotsIconStyling, CrossIconStyling, };
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/ViewTab/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/ViewTab/styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,aAAa,EAAU,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,KAAK,eAAe,GAAG;IAAE,aAAa,EAAE,aAAa,CAAA;CAAE,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,kBAAkB,CAAC,GAAG,eAAe,CAAC;AAC/F,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,kBAAkB,CAAC,GAAG,eAAe,CAAC;AAC/F,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;AAErE,QAAA,MAAM,WAAW,yGAEhB,CAAC;AAEF,QAAA,MAAM,oBAAoB,0GAA0B,CAAC;AACrD,QAAA,MAAM,gBAAgB,0GAAsB,CAAC;AAE7C,QAAA,MAAM,gBAAgB,iLAoBrB,CAAC;AAEF,QAAA,MAAM,OAAO,qIAsDZ,CAAC;AAEF,QAAA,MAAM,UAAU,2GA8Bf,CAAC;AAEF,QAAA,MAAM,WAAW;;CAOhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAS7B,CAAC;AAEF,OAAO,EACL,UAAU,EACV,OAAO,EACP,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}

package/dist/components/ViewTab/styled.js

@@ -0,0 +1,2 @@
+import n from"styled-components";import{colors as o}from"../../theme/modules/colors.js";import{Text as e}from"../Text/Text.js";import{BaseContainer as r}from"../BaseContainer/BaseContainer.js";import{sizes as i}from"../../theme/modules/sizes.js";import{ThreeDotsIcon as t}from"../../tempIcons/ThreeDotsIcon.js";import{CrossIcon as a}from"../../tempIcons/CrossIcon.js";import{FlatButton as l}from"../Button/components/styled.js";import{theme as s}from"../../theme/index.js";const d=n(e).withConfig({displayName:"vui--CounterText",componentId:"vui--3am01d"})`line-height:1;`,c=n(t).withConfig({displayName:"vui--ThreeDotsIconStyling",componentId:"vui--1uc98sf"})``,u=n(a).withConfig({displayName:"vui--CrossIconStyling",componentId:"vui--1te682y"})``,m=n(e).withConfig({displayName:"vui--CounterContainer",componentId:"vui--1giom5i"})`display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({active:n,colourPalette:e})=>n&&`\n      background-color: ${e.dark};\n\n      & > ${d} {\n        color: ${o.neutral.grey.lightest};\n      }\n  `}`,p=n(r).withConfig({displayName:"vui--Contour",componentId:"vui--jegwey"})`position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:${s.sizes.sm};border:1px solid transparent;cursor:pointer;background-color:transparent;${({customTextColour:n})=>`\n\n  &:hover {\n    background-color: ${o.neutral.grey.base};\n    & > ${m} {\n      background-color: ${o.neutral.grey.base};\n      & > ${d} {\n        color: ${o.neutral.ink.base};\n      }\n    }\n    & > ${e} {\n      color: ${null!=n?n:o.neutral.ink.dark};\n    }\n    & > ${c} {\n      color: ${o.neutral.ink.dark};\n    }\n    & > ${u} {\n      color: ${o.neutral.ink.dark};\n    }\n  }\n\n  & > ${e} {\n    color: ${null!=n?n:o.neutral.ink.dark};\n  }\n  `} ${({active:n,colourPalette:o,customTextColour:r})=>n&&`\n    background-color: ${o.lightest};\n\n    & > ${c} {\n      color: ${o.dark};\n    }\n    & > ${u} {\n      color: ${o.dark};\n    }\n\n    & > ${e} {\n      color: ${null!=r?r:o.dark};\n    }\n  `}`,g=n(l).withConfig({displayName:"vui--ViewButton",componentId:"vui--176jtjf"})`padding:${s.sizes.sm};box-sizing:border-box;border-radius:4px;border:none;position:relative;margin:0;padding:0;${({customTextColour:n})=>`\n  &:focus-visible {\n    ${p} {\n      background-color: ${o.neutral.grey.base};\n      & > ${m} {\n        background-color: ${o.neutral.grey.base};\n        & > ${d} {\n          color: ${o.neutral.ink.base};\n        }\n      }\n      & > ${e} {\n        color: ${null!=n?n:o.neutral.ink.dark};\n      }\n      & > ${c} {\n        color: ${o.neutral.ink.dark};\n      }\n      & > ${u} {\n        color: ${o.neutral.ink.dark};\n      }\n    }\n  `}`,$={style:{marginLeft:i.xs,padding:i.xs,height:i.base,width:i.base}},h=n.div.withConfig({displayName:"vui--CustomIconWrapper",componentId:"vui--1omb2tl"})`display:flex;align-items:center;margin-right:${i.sm};svg{height:${i.base};width:${i.base};}`;export{p as Contour,m as CounterContainer,d as CounterText,u as CrossIconStyling,h as CustomIconWrapper,$ as IconStyling,e as Text,c as ThreeDotsIconStyling,g as ViewButton};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/ViewTab/styled.ts"],"sourcesContent":[null],"names":["CounterText","Text","withConfig","displayName","componentId","ThreeDotsIconStyling","styled","ThreeDotsIcon","CrossIconStyling","CrossIcon","CounterContainer","active","colourPalette","dark","Contour","BaseContainer","theme","sizes","sm","customTextColour"],"mappings":"ydAkBM,MAAAA,IAAqBC,GAAGC,WAAiB,CAAAC,YAAoB,mBAAEC,YAAA,eAAA,iBAErEC,EAAiBC,EAAAC,GAAAL,WAAA,CAAAC,YAAA,4BAAAC,YAAA,gBAEf,GAEFI,EAA0BF,EAAAG,GAAAP,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,GAC1BM,EAAsBJ,EAAAL,GAAAC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,iKAAuB,EAAAO,SAAAC,mBAAAD,GAE7C,6BAsBaC,EAAAC,uFA4GbC,EACYR,EACHS,GAEPb,WAAA,CAAAC,YACA,eAEAC,2BACA,8GACAY,EAAAC,MAAAC,+EAAA,EAAAC,sBAAA"}

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

@@ -29,3 +29,4 @@ export type ViewTabProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClic
     /** Context used to add to aria label, (orders or products based on page) */
     ariaContext: string;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ViewTab/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ViewTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CACnC,GAAG;IACF,qCAAqC;IACrC,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IAEb,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAC;IAEX,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IAEjC,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE/B,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9B,wEAAwE;IACxE,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,4EAA4E;IAC5E,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/dist/components/ViewTab/types.js

@@ -0,0 +1,2 @@
+var d;!function(d){d.saved="saved",d.fixed="fixed",d.draft="draft"}(d||(d={}));export{d as ViewTabTypes};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/ViewTab/types.ts"],"sourcesContent":[null],"names":["ViewTabTypes"],"mappings":"AAA6B,IAAAA,GAC7B,SAASA,GAETA,EAAwB,MAAA,QACtBA,EAAe,MAAA,QACfA,EAAe,MAAA,OACf,CALF,CAKEA,IAAeA,EAAA,CAAA"}

package/dist/components/ViewsContainer/ViewsContainer.d.ts

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

package/dist/components/ViewsContainer/ViewsContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ViewsContainer/ViewsContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAc7C,eAAO,MAAM,cAAc,8FAwD1B,CAAC"}

package/dist/components/ViewsContainer/ViewsContainer.js

@@ -0,0 +1,2 @@
+import e,{useRef as t}from"react";import{Container as l,ViewsWrapper as a,StyledInputGroup as r,StyledLeftButton as i,StyledLeftIcon as n,StyledRightButton as o,StyledRightIcon as c,StyledMenuButton as s,StyledMenuIcon as d}from"./styled.js";import{useSetScrollPosition as m}from"./hooks/useSetScrollPosition.js";const f=e.forwardRef((({children:f,onClickMenu:u,ariaMenuControls:E,ariaMenuExpanded:h},p)=>{const v=t(null),{rightDisabled:b,leftDisabled:g,toNextScrollPosition:w,toPrevScrollPosition:k}=m(v,f);return e.createElement(l,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(a,{ref:v,id:"views",role:"tablist",alignY:"center",direction:"horizontal"},f),e.createElement(r,null,(!g||!b)&&e.createElement(e.Fragment,null,e.createElement(i,{id:"left-arrow",icon:e.createElement(n,null),disabled:g,onClick:k,variant:"flat","aria-label":"move views to the left"}),e.createElement(o,{id:"right-arrow",icon:e.createElement(c,null),disabled:b,onClick:w,variant:"flat","aria-label":"move views to the right"})),e.createElement(s,{icon:e.createElement(d,null),variant:"flat",onClick:u,"aria-label":"open menu","aria-controls":E,"aria-expanded":h,"aria-haspopup":E?"dialog":void 0,ref:p})))}));export{f as ViewsContainer};
+//# sourceMappingURL=ViewsContainer.js.map