@bikdotai/bik-component-library 0.0.700-beta.7 → 0.0.700

package/dist/esm/components/file-uploader/FileUploader.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s}from"react";import{Button as l}from"../button/Button.js";import{Curtain as i}from"../curtain/Curtain.js";import{CURTAIN_TYPES as o,CURTAIN_MODE as t}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as a,FileUploadedStyle as d}from"./FileUploaderStyle.js";import{Input as r}from"../input/Input.js";import{ProgressBarComponent as n}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{TitleMedium as p,BodySecondary as j,BodyCaption as m,ButtonLarge as h}from"../TypographyStyle.js";import{COLORS as f}from"../../constants/Theme.js";import u from"../../assets/icons/check.svg.js";import v from"../../assets/icons/file.svg.js";import _ from"../../assets/icons/filePdf.svg.js";import g from"../../assets/icons/image.svg.js";import b from"../../assets/icons/triangle_error.svg.js";import x from"../../assets/icons/upload.svg.js";import y from"../../assets/icons/videoRecorder.svg.js";const U=U=>{var w,N;const[I,F]=s(""),[E,C]=s(""),[T,L]=s(null),[M,P]=s(!1),[D,S]=s(),[$,z]=s((null===(w=U.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===w?void 0:w.join("/"))||"FILE"),G=e=>{const s=e.split(".").pop();if(null==U?void 0:U.fileName)return`${U.fileName}.${s}`;const l=new Date;return e.split(".")[0]+"_"+l.getTime().toString()+"."+s},R=e=>{if(!e)return"0 Bytes";const s=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,s)).toFixed(2))} ${["Bytes","KB","MB"][s]}`},k=e=>{var s;F("");const l=null===(s=null==e?void 0:e.files)||void 0===s?void 0:s[0],i=(e=>{if(!e)return"Please upload an file before saving!";const s=U.fileUploadRules.allowedSize[e.type.toLowerCase()];return s?e.size>s?`Max file size that can be added is ${R(s)}`:"":"Uploaded file type is not supported!"})(l);F(i),i?U.onError(i):(L(l),V(l),P(!0))},V=e=>{var s,l;if(!I){const i=G(e.name),o=(null===(s=i.split(".").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";z(o),null===(l=U.uploadFile)||void 0===l||l.call(U,e,i).then((s=>{const l=((e,s,l)=>{const i=new Date;return{fileId:i.getTime().toString(),fileName:l,fileSize:R(e.size),fileType:e.type,fileUrl:s,uploadType:"FileUpload",uploadDate:i}})(e,s,i);P(!1),S(l)})).catch((e=>{const s=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";U.onError(s)}))}},A=e=>{var s;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(s=U.getFileMetaFromUrl)||void 0===s||s.call(U,e).then((s=>{var l,i;if(s&&s.type&&(null===(l=s.type.split("/").at(-1))||void 0===l?void 0:l.toLowerCase())===$.toLowerCase()){const l=U.fileUploadRules.allowedSize[s.type.toLowerCase()];if(l)if(s.size>l)C(`Max file size that can be added is ${R(l)}`);else{const l=(null===(i=s.type.split("/").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";z(l);const o=G(`file.${l.toLowerCase()}`),t=new Date;S({fileId:t.getTime().toString(),fileName:o,fileSize:R(s.size),fileType:s.type,fileUrl:e,uploadType:"URL",uploadDate:t}),L(null)}else C("Uploaded file type is not supported!")}else C(`Please enter a valid ${$.toLowerCase()} URL`)}),(e=>{var s;return C(null!==(s=null==e?void 0:e.message)&&void 0!==s?s:"Please enter a valid image URL")})):C(`Please enter a valid ${$.toLowerCase()} URL`))},B=(s,l,i)=>"IMAGE"===O[$]?e.jsx(g,{color:s,height:l,width:i}):"VIDEO"===O[$]?e.jsx(y,{color:s,height:l,width:i}):"PDF"===O[$]?e.jsx(_,{color:s,height:l,width:i}):e.jsx(v,{color:s,height:l,width:i});return e.jsx(e.Fragment,{children:D&&(null===(N=Object.keys(D))||void 0===N?void 0:N.length)?e.jsxs(d,Object.assign({className:"fileUploaded"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__header"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__header__icon"},{children:e.jsx(u,{color:f.content.primaryInverse,height:46,width:40})})),e.jsx("div",Object.assign({className:"fileUploaded__header__title"},{children:e.jsxs(p,{children:[$," uploaded successfully"]})}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body"},{children:[e.jsxs("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:B(f.content.secondary,22,18)})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e.jsx(j,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==D?void 0:D.fileName}))})),e.jsx("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==D?void 0:D.fileSize}))]})),e.jsxs("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e.jsx(l,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;S({}),null===(e=U.fileUploadRules.allowedFormats.split(",").map((e=>{var s,l;return null===(l=null===(s=null==e?void 0:e.split("/"))||void 0===s?void 0:s.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===e||e.join("/")}})})),e.jsx("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e.jsx(l,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>U.onSuccess(T,D)})}))]}))]}))]})):e.jsxs(a,Object.assign({showProgressBar:M},{children:[e.jsxs("div",Object.assign({className:"fileUploader"},{children:[e.jsxs("div",Object.assign({className:"fileUploader__header"},{children:[e.jsx("div",Object.assign({className:"fileUploader__header__icon"},{children:B(f.content.secondary,36,30)})),e.jsx(c,Object.assign({body:$,placement:"top"},{children:e.jsx("div",Object.assign({className:"fileUploader__header__title"},{children:e.jsx(p,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:M?"Document upload in progress":`Upload ${$}`}))}))})),e.jsx("div",Object.assign({className:"fileUploader__header__caption"},{children:e.jsx(j,Object.assign({style:{color:f.content.secondary}},{children:M?`Your ${$} is getting loaded. This may take a couple of minutes.`:`${$.includes("/")?"Files":$+" format"} • Max ${R(Math.max(...Object.values(U.fileUploadRules.allowedSize)))}`}))}))]})),e.jsx("div",Object.assign({className:"fileUploader__body"},{children:M?e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e.jsx(n,{completed:U.uploadProgress,isAnimated:!0})})),e.jsx("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e.jsx(l,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{P(!1),L(null),S({})}})}))]}):e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({className:"fileUploader__body__link"},{children:e.jsx(r,{type:"text",onChangeText:()=>C(""),placeholder:`Enter URL of the ${$.includes("/")?"file":$.toLowerCase()}`,width:"100%",height:"48px",labelText:`${$.includes("/")?"File":$} link`,errorMessage:E,onBlur:e=>A(e.target.value)})})),e.jsxs("div",Object.assign({className:"fileUploader__body__divider"},{children:[e.jsx("div",{className:"left"}),e.jsx("div",Object.assign({className:"title"},{children:e.jsx(m,Object.assign({style:{color:f.content.secondary}},{children:"Or upload from device"}))})),e.jsx("div",{className:"right"})]})),e.jsxs("div",Object.assign({className:"fileUploader__body__upload"},{children:[e.jsx("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:e.jsxs("div",Object.assign({className:"file-uploader"},{children:[e.jsx("div",{children:e.jsx(x,{height:18,width:18})}),e.jsx("div",{children:e.jsx(h,Object.assign({style:{color:f.content.brand}},{children:"Upload"}))})]}))})),e.jsx("input",{id:"file-upload-button",type:"file",accept:U.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>k(e.target)})]}))]})}))]})),I&&e.jsx("div",Object.assign({className:"fileUploadError"},{children:e.jsx(i,{type:o.NEGATIVE,mode:t.LIGHT,text:I,hideCrossIcon:!0,icon:()=>e.jsx(b,{height:16,width:19,color:f.content.negative})})}))]}))})},O={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{U as FileUploader};
+import{jsx as e,Fragment as i,jsxs as l}from"react/jsx-runtime";import{useState as o}from"react";import{Button as t}from"../button/Button.js";import{Curtain as a}from"../curtain/Curtain.js";import{CURTAIN_TYPES as s,CURTAIN_MODE as d}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as r,FileUploadedStyle as n}from"./FileUploaderStyle.js";import{Input as c}from"../input/Input.js";import{ProgressBarComponent as p}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{TitleMedium as m,BodySecondary as f,BodyCaption as u,ButtonLarge as v}from"../TypographyStyle.js";import{COLORS as _}from"../../constants/Theme.js";import g from"../../assets/icons/check.svg.js";import b from"../../assets/icons/file.svg.js";import y from"../../assets/icons/filePdf.svg.js";import j from"../../assets/icons/image.svg.js";import U from"../../assets/icons/triangle_error.svg.js";import O from"../../assets/icons/upload.svg.js";import w from"../../assets/icons/videoRecorder.svg.js";const N=N=>{var E,F;const[C,T]=o(""),[L,M]=o(""),[x,P]=o(null),[D,S]=o(!1),[$,z]=o(),[G,R]=o((null===(E=N.fileUploadRules.allowedFormats.split(",").map((e=>{var i,l;return null===(l=null===(i=null==e?void 0:e.split("/"))||void 0===i?void 0:i.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===E?void 0:E.join("/"))||"FILE"),k=e=>{const i=e.split(".").pop();if(null==N?void 0:N.fileName)return`${N.fileName}.${i}`;const l=new Date;return e.split(".")[0]+"_"+l.getTime().toString()+"."+i},V=e=>{if(!e)return"0 Bytes";const i=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,i)).toFixed(2))} ${["Bytes","KB","MB"][i]}`},A=e=>{var i;T("");const l=null===(i=null==e?void 0:e.files)||void 0===i?void 0:i[0],o=(e=>{if(!e)return"Please upload an file before saving!";const i=N.fileUploadRules.allowedSize[e.type.toLowerCase()];return i?e.size>i?`Max file size that can be added is ${V(i)}`:"":"Uploaded file type is not supported!"})(l);T(o),o?N.onError(o):(P(l),B(l),S(!0))},B=e=>{var i,l;if(!C){const o=k(e.name),t=(null===(i=o.split(".").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";R(t),null===(l=N.uploadFile)||void 0===l||l.call(N,e,o).then((i=>{const l=((e,i,l)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:l,fileSize:V(e.size),fileType:e.type,fileUrl:i,uploadType:"FileUpload",uploadDate:o}})(e,i,o);S(!1),z(l)})).catch((e=>{const i=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";N.onError(i)}))}},W=e=>{var i;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(i=N.getFileMetaFromUrl)||void 0===i||i.call(N,e).then((i=>{var l,o;if(i&&i.type&&(null===(l=i.type.split("/").at(-1))||void 0===l?void 0:l.toLowerCase())===G.toLowerCase()){const l=N.fileUploadRules.allowedSize[i.type.toLowerCase()];if(l)if(i.size>l)M(`Max file size that can be added is ${V(l)}`);else{const l=(null===(o=i.type.split("/").at(-1))||void 0===o?void 0:o.toUpperCase())||"FILE";R(l);const t=k(`file.${l.toLowerCase()}`),a=new Date;z({fileId:a.getTime().toString(),fileName:t,fileSize:V(i.size),fileType:i.type,fileUrl:e,uploadType:"URL",uploadDate:a}),P(null)}else M("Uploaded file type is not supported!")}else M(`Please enter a valid ${G.toLowerCase()} URL`)}),(e=>{var i;return M(null!==(i=null==e?void 0:e.message)&&void 0!==i?i:"Please enter a valid image URL")})):M(`Please enter a valid ${G.toLowerCase()} URL`))},H=(i,l,o)=>"IMAGE"===I[G]?e(j,{color:i,height:l,width:o}):"VIDEO"===I[G]?e(w,{color:i,height:l,width:o}):"PDF"===I[G]?e(y,{color:i,height:l,width:o}):e(b,{color:i,height:l,width:o});return e(i,{children:$&&(null===(F=Object.keys($))||void 0===F?void 0:F.length)?l(n,Object.assign({className:"fileUploaded"},{children:[l("div",Object.assign({className:"fileUploaded__header"},{children:[e("div",Object.assign({className:"fileUploaded__header__icon"},{children:e(g,{color:_.content.primaryInverse,height:46,width:40})})),e("div",Object.assign({className:"fileUploaded__header__title"},{children:l(m,{children:[G," uploaded successfully"]})}))]})),l("div",Object.assign({className:"fileUploaded__body"},{children:[l("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:H(_.content.secondary,22,18)})),e("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e(f,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==$?void 0:$.fileName}))})),e("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==$?void 0:$.fileSize}))]})),l("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e(t,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;z({}),null===(e=N.fileUploadRules.allowedFormats.split(",").map((e=>{var i,l;return null===(l=null===(i=null==e?void 0:e.split("/"))||void 0===i?void 0:i.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===e||e.join("/")}})})),e("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>N.onSuccess(x,$)})}))]}))]}))]})):l(r,Object.assign({showProgressBar:D},{children:[l("div",Object.assign({className:"fileUploader"},{children:[l("div",Object.assign({className:"fileUploader__header"},{children:[e("div",Object.assign({className:"fileUploader__header__icon"},{children:H(_.content.secondary,36,30)})),e(h,Object.assign({body:G,placement:"top"},{children:e("div",Object.assign({className:"fileUploader__header__title"},{children:e(m,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:D?"Document upload in progress":`Upload ${G}`}))}))})),e("div",Object.assign({className:"fileUploader__header__caption"},{children:e(f,Object.assign({style:{color:_.content.secondary}},{children:D?`Your ${G} is getting loaded. This may take a couple of minutes.`:`${G.includes("/")?"Files":G+" format"} • Max ${V(Math.max(...Object.values(N.fileUploadRules.allowedSize)))}`}))}))]})),e("div",Object.assign({className:"fileUploader__body"},{children:l(i,D?{children:[e("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e(p,{completed:N.uploadProgress,isAnimated:!0})})),e("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e(t,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{S(!1),P(null),z({})}})}))]}:{children:[e("div",Object.assign({className:"fileUploader__body__link"},{children:e(c,{type:"text",onChangeText:()=>M(""),placeholder:`Enter URL of the ${G.includes("/")?"file":G.toLowerCase()}`,width:"100%",height:"48px",labelText:`${G.includes("/")?"File":G} link`,errorMessage:L,onBlur:e=>W(e.target.value)})})),l("div",Object.assign({className:"fileUploader__body__divider"},{children:[e("div",{className:"left"}),e("div",Object.assign({className:"title"},{children:e(u,Object.assign({style:{color:_.content.secondary}},{children:"Or upload from device"}))})),e("div",{className:"right"})]})),l("div",Object.assign({className:"fileUploader__body__upload"},{children:[e("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:l("div",Object.assign({className:"file-uploader"},{children:[e("div",{children:e(O,{height:18,width:18})}),e("div",{children:e(v,Object.assign({style:{color:_.content.brand}},{children:"Upload"}))})]}))})),e("input",{id:"file-upload-button",type:"file",accept:N.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>A(e.target)})]}))]})}))]})),C&&e("div",Object.assign({className:"fileUploadError"},{children:e(a,{type:s.NEGATIVE,mode:d.LIGHT,text:C,hideCrossIcon:!0,icon:()=>e(U,{height:16,width:19,color:_.content.negative})})}))]}))})},I={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{N as FileUploader};

package/dist/esm/components/floater/floater.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useRef as e,useState as n,useEffect as f}from"react";const i=i=>{const o=e(null),[r,s]=n(0),[l,d]=n(0),[u,c]=n(!1);return f((()=>{if(i.refElement.current){const t=i.refElement.current.getBoundingClientRect();(t=>{if(i.useDefaultOffsets)return void d(t.left);let e=0;e=i.leftOffset?t.left+i.leftOffset:t.left+t.width+30;const n=null==o?void 0:o.current;n?(e>window.innerWidth-n.offsetWidth&&(e=window.innerWidth-n.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void s(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const n=null==o?void 0:o.current;if(!n)return void s(e);const f=window.innerHeight;t.top+n.offsetHeight>f&&(e=t.top-(t.top+n.offsetHeight-f)-10),s(e)})(t),c(!0)}})),u?t.jsx("div",Object.assign({style:{top:r,left:l,position:"fixed",zIndex:1e3}},{children:t.jsx("div",Object.assign({ref:o},{children:i.children}))})):null};export{i as Floater};
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as f}from"react";const i=i=>{const o=e(null),[r,s]=n(0),[l,d]=n(0),[c,u]=n(!1);return f((()=>{if(i.refElement.current){const t=i.refElement.current.getBoundingClientRect();(t=>{if(i.useDefaultOffsets)return void d(t.left);let e=0;e=i.leftOffset?t.left+i.leftOffset:t.left+t.width+30;const n=null==o?void 0:o.current;n?(e>window.innerWidth-n.offsetWidth&&(e=window.innerWidth-n.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void s(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const n=null==o?void 0:o.current;if(!n)return void s(e);const f=window.innerHeight;t.top+n.offsetHeight>f&&(e=t.top-(t.top+n.offsetHeight-f)-10),s(e)})(t),u(!0)}})),c?t("div",Object.assign({style:{top:r,left:l,position:"fixed",zIndex:1e3}},{children:t("div",Object.assign({ref:o},{children:i.children}))})):null};export{i as Floater};

package/dist/esm/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import{useState as o}from"react";import{Dropdown as i}from"react-bootstrap";import{COLORS as n}from"../../constants/Theme.js";import{Tooltip as e}from"../tooltips/Tooltip.js";import{BodyCaption as s}from"../TypographyStyle.js";import r from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as c,DROP_POSITION as l,MENU_ALIGNMENT as d,FloatingActionButtonOuterContainer as h,StyledDropdown as p,DropdownToggleContainer as a,TooltipStyled as g,FloatingActionButtonContainer as j}from"./FloatingActionButton.styles.js";const m=o=>{const{width:i,height:c,color:l,onClick:d,icon:h,tooltipPlacement:p,tooltipText:a,tootipWidth:m,isRound:x}=o;return a?t.jsx(e,Object.assign({tooltipContent:t.jsx(g,Object.assign({tooltipWidth:m},{children:t.jsx(s,Object.assign({color:n.content.primaryInverse},{children:o.tooltipText}))})),placement:p,body:""},{children:t.jsx(j,Object.assign({width:i,height:c,color:l,onClick:d,isRound:x},{children:h||t.jsx(r,{width:22,height:22})}))})):t.jsx(t.Fragment,{children:t.jsx(j,Object.assign({width:i,height:c,color:l,onClick:d,isRound:x},{children:h||t.jsx(r,{width:22,height:22})}))})},x=e=>{const{icon:s,onClick:r,children:g,tooltipText:j,isRound:x=!0,width:u=48,height:b=48,color:O=n.background.inverse,position:w=c.TOP_LEFT,buttonPaddingHorizontal:T=20,buttonPaddingVertical:P=20,zIndex:f=1,tooltipPlacement:k="right",dropPosition:C=l.DOWN,menuAligment:y=d.END,tootipWidth:R}=e,[W,F]=o(!1);return t.jsx(t.Fragment,{children:t.jsx(h,Object.assign({width:u,height:b,color:O,position:w,buttonPaddingHorizontal:T,buttonPaddingVertical:P,zIndex:f},{children:t.jsx(p,Object.assign({onToggle:(t,o)=>{F(t)},drop:C,align:y},{children:g?t.jsxs(t.Fragment,{children:[t.jsx(a,Object.assign({drop:C},{children:t.jsx(m,{width:u,height:b,color:O,tooltipPlacement:k,onClick:r,tooltipText:j,icon:s,position:w,isRound:x,isDropdownOpen:W,tootipWidth:R})})),t.jsx(i.Menu,{children:g})]}):t.jsx(m,{width:u,height:b,color:O,tooltipPlacement:k,onClick:r,tooltipText:j,icon:s,position:w,isRound:x,isDropdownOpen:W,tootipWidth:R})}))}))})};export{x as FloatingActionButton};
+import{jsx as t,Fragment as o,jsxs as i}from"react/jsx-runtime";import{useState as n}from"react";import{Dropdown as e}from"react-bootstrap";import{COLORS as r}from"../../constants/Theme.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodyCaption as l}from"../TypographyStyle.js";import s from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as d,DROP_POSITION as h,MENU_ALIGNMENT as p,FloatingActionButtonOuterContainer as a,StyledDropdown as g,DropdownToggleContainer as m,TooltipStyled as u,FloatingActionButtonContainer as b}from"./FloatingActionButton.styles.js";const j=i=>{const{width:n,height:e,color:d,onClick:h,icon:p,tooltipPlacement:a,tooltipText:g,tootipWidth:m,isRound:j}=i;return g?t(c,Object.assign({tooltipContent:t(u,Object.assign({tooltipWidth:m},{children:t(l,Object.assign({color:r.content.primaryInverse},{children:i.tooltipText}))})),placement:a,body:""},{children:t(b,Object.assign({width:n,height:e,color:d,onClick:h,isRound:j},{children:p||t(s,{width:22,height:22})}))})):t(o,{children:t(b,Object.assign({width:n,height:e,color:d,onClick:h,isRound:j},{children:p||t(s,{width:22,height:22})}))})},O=c=>{const{icon:l,onClick:s,children:u,tooltipText:b,isRound:O=!0,width:w=48,height:T=48,color:P=r.background.inverse,position:x=d.TOP_LEFT,buttonPaddingHorizontal:f=20,buttonPaddingVertical:k=20,zIndex:C=1,tooltipPlacement:y="right",dropPosition:R=h.DOWN,menuAligment:W=p.END,tootipWidth:z}=c,[D,v]=n(!1);return t(o,{children:t(a,Object.assign({width:w,height:T,color:P,position:x,buttonPaddingHorizontal:f,buttonPaddingVertical:k,zIndex:C},{children:t(g,Object.assign({onToggle:(t,o)=>{v(t)},drop:R,align:W},{children:u?i(o,{children:[t(m,Object.assign({drop:R},{children:t(j,{width:w,height:T,color:P,tooltipPlacement:y,onClick:s,tooltipText:b,icon:l,position:x,isRound:O,isDropdownOpen:D,tootipWidth:z})})),t(e.Menu,{children:u})]}):t(j,{width:w,height:T,color:P,tooltipPlacement:y,onClick:s,tooltipText:b,icon:l,position:x,isRound:O,isDropdownOpen:D,tootipWidth:z})}))}))})};export{O as FloatingActionButton};

package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useRef as o,useState as n,useEffect as t}from"react";import{usePopper as i}from"react-popper";import s from"styled-components";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as l}from"../dropdown/Common.styled.js";import{OpenedDropdown as p}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as d}from"../floater/floater.js";import{Input as a}from"../input/Input.js";const c=s(l)`
+import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as r}from"react";import{usePopper as l}from"react-popper";import s from"styled-components";import{DropShadow as p}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as c}from"../dropdown/Common.styled.js";import{OpenedDropdown as d}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as a}from"../floater/floater.js";import{Input as m}from"../input/Input.js";const u=s(c)`
 	opacity: ${e=>{let{visible:o}=e;return o?1:0}};
 	visibility: ${e=>{let{visible:o}=e;return o?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`,m=s=>{let{inputProps:l,dropdownProps:m,floaterProps:u,children:f,isVisible:j,onDropdownOptionClick:v,onChangeText:b}=s;const g=o(null),h=o(null),[O,x]=n(!1),[w,y]=n(null),[C,S]=n(null),[D,k]=n(!1),{styles:z,attributes:P,update:R,forceUpdate:T}=i(C,w,{placement:m.placement,strategy:m.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});t((()=>{if(!O){const e=setTimeout((()=>k(!1)),200);return()=>clearTimeout(e)}k(!0),R&&R()}),[O,R]),t((()=>{if(g.current){const e=new ResizeObserver((()=>{R&&R()}));return e.observe(g.current),()=>{e.disconnect()}}}),[g.current,R]);return e.jsxs(e.Fragment,{children:[j&&e.jsxs(d,Object.assign({},u,{refElement:h},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:S},{children:e.jsx(r,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a,Object.assign({},l,{onClick:()=>{var e;null===(e=m.onDropdownOpen)||void 0===e||e.call(m),O?x(!1):m.disabled||x(!0),null==T||T()},ref:g,onChangeText:(e,o)=>{null==b||b(e,o),R&&R()}}))}))})),e.jsx(c,Object.assign({ref:y,style:Object.assign(Object.assign({},z.popper),{zIndex:3})},P.popper,{visible:O||D},{children:e.jsx(r,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(p,Object.assign({},m,{onSelect:e=>{var o;"2.0"===m.version&&m.isMultiSelect||(null===(o=m.onSelect)||void 0===o||o.call(m,e),x(!1))},onClose:e=>{var o,n;"2.0"===m.version&&m.isMultiSelect&&e&&(null===(o=m.onSelect)||void 0===o||o.call(m,[...e])),x(!1),null===(n=null==m?void 0:m.onClose)||void 0===n||n.call(m)},version:m.version,headerRef:g,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:h},{children:f&&e.jsx("div",{children:f})}))]})};export{m as FloatingInputDropdown};
+`,f=s=>{let{inputProps:c,dropdownProps:f,floaterProps:v,children:b,isVisible:g,onDropdownOptionClick:h,onChangeText:j}=s;const O=t(null),w=t(null),[y,C]=i(!1),[S,D]=i(null),[x,k]=i(null),[z,P]=i(!1),{styles:R,attributes:T,update:I,forceUpdate:M}=l(x,S,{placement:f.placement,strategy:f.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});r((()=>{if(!y){const e=setTimeout((()=>P(!1)),200);return()=>clearTimeout(e)}P(!0),I&&I()}),[y,I]),r((()=>{if(O.current){const e=new ResizeObserver((()=>{I&&I()}));return e.observe(O.current),()=>{e.disconnect()}}}),[O.current,I]);return e(o,{children:[g&&e(a,Object.assign({},v,{refElement:w},{children:[n("div",Object.assign({style:{position:"relative"},ref:k},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(m,Object.assign({},c,{onClick:()=>{var e;null===(e=f.onDropdownOpen)||void 0===e||e.call(f),y?C(!1):f.disabled||C(!0),null==M||M()},ref:O,onChangeText:(e,o)=>{null==j||j(e,o),I&&I()}}))}))})),n(u,Object.assign({ref:D,style:Object.assign(Object.assign({},R.popper),{zIndex:3})},T.popper,{visible:y||z},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(d,Object.assign({},f,{onSelect:e=>{var o;"2.0"===f.version&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),C(!1))},onClose:e=>{var o,n;"2.0"===f.version&&f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),C(!1),null===(n=null==f?void 0:f.onClose)||void 0===n||n.call(f)},version:f.version,headerRef:O,onDropdownItemClick:e=>{null==h||h(e)}}))}))}))]})),n("div",Object.assign({ref:w},{children:b&&n("div",{children:b})}))]})};export{f as FloatingInputDropdown};

package/dist/esm/components/icon-button/IconButton.js

@@ -1 +1 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{j as t}from"../../node_modules/react/jsx-runtime.js";import o,{forwardRef as i}from"react";import{Tooltip as s}from"../tooltips/Tooltip.js";import{IconButton as l}from"./IconButton.styled.js";import{getIconColor as d}from"./theme.js";const r=i(((i,r)=>{var{id:n,iconButtonType:c="default",Icon:a,height:p=20,width:m=20,bordered:b,disabled:y,isSelected:j,style:h,svgStyle:u,iconColor:g,disabledTooltip:f}=i,B=e(i,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const T=d(c,y,j),x=t.jsx(l,Object.assign({id:n,ref:r,style:h,iconButtonType:c,bordered:b,disabled:y,isSelected:j},B,{children:o.createElement(a,{height:p,width:m,color:g||T,style:Object.assign({display:"block"},null!=u?u:{})})}));return y&&f?t.jsx(s,Object.assign({body:f},{children:t.jsx("span",Object.assign({style:{display:"inline-block",cursor:"not-allowed"}},{children:x}))})):x}));r.displayName="IconButton";export{r as IconButton};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import o,{forwardRef as i}from"react";import{Tooltip as l}from"../tooltips/Tooltip.js";import{IconButton as s}from"./IconButton.styled.js";import{getIconColor as r}from"./theme.js";const d=i(((i,d)=>{var{id:n,iconButtonType:c="default",Icon:a,height:p=20,width:b=20,bordered:m,disabled:y,isSelected:h,style:u,svgStyle:g,iconColor:j,disabledTooltip:f}=i,B=t(i,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const T=r(c,y,h),I=e(s,Object.assign({id:n,ref:d,style:u,iconButtonType:c,bordered:m,disabled:y,isSelected:h},B,{children:o.createElement(a,{height:p,width:b,color:j||T,style:Object.assign({display:"block"},null!=g?g:{})})}));return y&&f?e(l,Object.assign({body:f},{children:e("span",Object.assign({style:{display:"inline-block",cursor:"not-allowed"}},{children:I}))})):I}));d.displayName="IconButton";export{d as IconButton};

package/dist/esm/components/image-cropper/BikImageCropper.js

@@ -1 +1 @@
-import{__awaiter as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as i}from"react";import o from"react-image-crop";import{StyledModal as r}from"../modals/styledModal.js";const n=n=>{const[a,d]=i(!1),[l,c]=i(void 0),[s,h]=i({width:0,height:0}),[g,m]=i(!1),p=(e,i,o,r)=>t(void 0,void 0,void 0,(function*(){const t=document.createElement("canvas");t.width=i.width,t.height=i.height;const n=t.getContext("2d");if(!n)throw new Error("Failed to get 2D context of canvas.");n.drawImage(e,i.x*o,i.y*r,i.width*o,i.height*r,0,0,i.width,i.height);try{return t.toDataURL("image/png")}catch(t){throw new Error("Failed to create blob for cropped image.")}}));return e.jsx(r,Object.assign({open:!0,onClose:n.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:g,onClick:()=>{var e;e=l,t(void 0,void 0,void 0,(function*(){var t,i;if(m(!0),n.src&&(null==e?void 0:e.width)&&(null==e?void 0:e.height)){const i=new Image;i.src=n.src;const o=i.naturalWidth/s.width,r=i.naturalHeight/s.height,d=yield p(i,e,o,r);yield null===(t=null==n?void 0:n.onCropComplete)||void 0===t?void 0:t.call(n,d,a)}else yield null===(i=null==n?void 0:n.onCropComplete)||void 0===i?void 0:i.call(n,n.src,a);m(!1)}))}}},{children:e.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:e.jsx("div",{children:e.jsx(o,Object.assign({crop:l,onChange:t=>{c(t)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:n.aspectRatio},{children:e.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:n.src,alt:"image cropper",onLoad:t=>{const e=t.target,i=e.width;h({width:i,height:e.height})}})}))})}))}))};export{n as BikImageCropper,n as default};
+import{__awaiter as t}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as i}from"react";import o from"react-image-crop";import{StyledModal as r}from"../modals/styledModal.js";const n=n=>{const[a,d]=i(!1),[l,c]=i(void 0),[h,s]=i({width:0,height:0}),[g,m]=i(!1),p=(e,i,o,r)=>t(void 0,void 0,void 0,(function*(){const t=document.createElement("canvas");t.width=i.width,t.height=i.height;const n=t.getContext("2d");if(!n)throw new Error("Failed to get 2D context of canvas.");n.drawImage(e,i.x*o,i.y*r,i.width*o,i.height*r,0,0,i.width,i.height);try{return t.toDataURL("image/png")}catch(t){throw new Error("Failed to create blob for cropped image.")}}));return e(r,Object.assign({open:!0,onClose:n.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:g,onClick:()=>{var e;e=l,t(void 0,void 0,void 0,(function*(){var t,i;if(m(!0),n.src&&(null==e?void 0:e.width)&&(null==e?void 0:e.height)){const i=new Image;i.src=n.src;const o=i.naturalWidth/h.width,r=i.naturalHeight/h.height,d=yield p(i,e,o,r);yield null===(t=null==n?void 0:n.onCropComplete)||void 0===t?void 0:t.call(n,d,a)}else yield null===(i=null==n?void 0:n.onCropComplete)||void 0===i?void 0:i.call(n,n.src,a);m(!1)}))}}},{children:e("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:e("div",{children:e(o,Object.assign({crop:l,onChange:t=>{c(t)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:n.aspectRatio},{children:e("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:n.src,alt:"image cropper",onLoad:t=>{const e=t.target,i=e.width;s({width:i,height:e.height})}})}))})}))}))};export{n as BikImageCropper,n as default};

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-import{j as o}from"../../../node_modules/react/jsx-runtime.js";import{useRef as e,useState as s,useEffect as r,useCallback as t}from"react";import{ImageService as a}from"../../image-compress/ImageCompress.js";import{StateInterface as i}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as l}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as n}from"../BikImageCropper.js";const p=p=>{let{cropOptions:c,fileTitle:d,compressionOptions:m,currentImage:u,options:g,onFinish:h,onCancel:j,fileUploadOptions:f,loadingStateOptions:x}=p;const C=e(null),[F,w]=s(),[y,I]=s(u),[b,v]=s(!1);r((()=>{g.upload?(w("upload"),setTimeout((()=>{T()}),500)):g.crop?w("crop"):g.compress?w("compress"):g.uploadToFirestorage?w("cloud-upload"):v(!0)}),[g.upload,g.crop,g.compress,g.uploadToFirestorage]);const R=t(((o,e)=>{if(!g.uploadToFirestorage)return h(o,e),void v(!0);w("cloud-upload"),f&&f.uploadFile(e,f.path).then((s=>{h(o,e,s),v(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),O=o=>{o||j();const e=a.base64ToImage(o);g.compress?(w("compress"),a.compressImage(e,m).then((o=>{if(!o)return v(!0),void j();R(o.base64,o.compressedFile)}))):R(o,e)},T=()=>{C.current.click()};return b?o.jsx(o.Fragment,{}):"cloud-upload"===F?!f||f.success?o.jsx(o.Fragment,{}):f.error?o.jsx("div",{children:o.jsx(l,{states:i.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{v(!0),j()}})}):o.jsx("div",{children:o.jsx(l,{headerImage:null==x?void 0:x.headerImage,states:i.LOADING,heading:`Uploading your ${d||"photo"}`,subline:`Please wait while we upload your ${d||"photo"}`,isButtonEnabled:!1,width:300})}):o.jsxs(o.Fragment,{children:[g.upload&&o.jsx("input",{ref:C,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],s=new FileReader;s.onload=()=>{var o;I({src:s.result}),o=s.result,g.crop?w("crop"):O(o)},e&&s.readAsDataURL(e)}}),"crop"===F&&o.jsx(n,{src:y.src,onCropComplete:o=>{I({src:o}),O(o)},aspectRatio:c.aspectRatio,onCancel:j})]})};export{p as BikImagePipeline};
+import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as s,useEffect as a,useCallback as i}from"react";import{ImageService as l}from"../../image-compress/ImageCompress.js";import{StateInterface as p}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,fileTitle:u,compressionOptions:g,currentImage:h,options:f,onFinish:C,onCancel:w,fileUploadOptions:y,loadingStateOptions:I}=d;const b=t(null),[j,v]=s(),[F,R]=s(h),[O,T]=s(!1);a((()=>{f.upload?(v("upload"),setTimeout((()=>{B()}),500)):f.crop?v("crop"):f.compress?v("compress"):f.uploadToFirestorage?v("cloud-upload"):T(!0)}),[f.upload,f.crop,f.compress,f.uploadToFirestorage]);const E=i(((o,e)=>{if(!f.uploadToFirestorage)return C(o,e),void T(!0);v("cloud-upload"),y&&y.uploadFile(e,y.path).then((r=>{C(o,e,r),T(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),k=o=>{o||w();const e=l.base64ToImage(o);f.compress?(v("compress"),l.compressImage(e,g).then((o=>{if(!o)return T(!0),void w();E(o.base64,o.compressedFile)}))):E(o,e)},B=()=>{b.current.click()};return O?o(e,{}):"cloud-upload"===j?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:p.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{T(!0),w()}})}):o("div",{children:o(n,{headerImage:null==I?void 0:I.headerImage,states:p.LOADING,heading:`Uploading your ${u||"photo"}`,subline:`Please wait while we upload your ${u||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[f.upload&&o("input",{ref:b,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;R({src:r.result}),o=r.result,f.crop?v("crop"):k(o)},e&&r.readAsDataURL(e)}}),"crop"===j&&o(c,{src:F.src,onCropComplete:o=>{R({src:o}),k(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d as BikImagePipeline};

package/dist/esm/components/input/ChipInput.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,useEffect as n}from"react";import o from"react-chips";import{COLORS as r}from"../../constants/Theme.js";import{BodySecondary as i,BodyCaption as s}from"../TypographyStyle.js";import{theme as l,chipTheme as c}from"./ChipInput.styled.js";const a=a=>{let{onChipsChange:p,placeholder:h,chips:d,label:m,labelColor:u,hintText:y,hintTextColor:j,error:g,inputHeight:f,createChipKeys:v,chipsContainerCustomStyle:x,nativeID:C}=a;const[b,T]=t(!1);return n((()=>{var e,t;null===(e=document.querySelector(`#${C} input`))||void 0===e||e.addEventListener("focus",(()=>{T(!0)})),null===(t=document.querySelector(`#${C} input`))||void 0===t||t.addEventListener("blur",(()=>{T(!1)}))}),[]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[m&&e.jsx(i,Object.assign({style:{color:b?r.content.brand:g?r.content.negative:u||r.content.primary}},{children:m})),e.jsx(o,{value:d,theme:l(!!g,f,x,b),chipTheme:c,placeholder:0===d.length&&!!h&&!b&&h,onChange:e=>{p(e)},createChipKeys:v||","}),(!!y||!!g)&&e.jsx(s,Object.assign({style:{color:g?r.content.negative:j||r.content.secondary}},{children:g||y}))]}))};export{a as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as r}from"react";import o from"react-chips";import{COLORS as i}from"../../constants/Theme.js";import{BodySecondary as l,BodyCaption as c}from"../TypographyStyle.js";import{theme as a,chipTheme as s}from"./ChipInput.styled.js";const p=p=>{let{onChipsChange:h,placeholder:m,chips:d,label:u,labelColor:y,hintText:g,hintTextColor:f,error:v,inputHeight:C,createChipKeys:b,chipsContainerCustomStyle:j,nativeID:x}=p;const[T,S]=n(!1);return r((()=>{var e,t;null===(e=document.querySelector(`#${x} input`))||void 0===e||e.addEventListener("focus",(()=>{S(!0)})),null===(t=document.querySelector(`#${x} input`))||void 0===t||t.addEventListener("blur",(()=>{S(!1)}))}),[]),e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:x},{children:[u&&t(l,Object.assign({style:{color:T?i.content.brand:v?i.content.negative:y||i.content.primary}},{children:u})),t(o,{value:d,theme:a(!!v,C,j,T),chipTheme:s,placeholder:0===d.length&&!!m&&!T&&m,onChange:e=>{h(e)},createChipKeys:b||","}),(!!g||!!v)&&t(c,Object.assign({style:{color:v?i.content.negative:f||i.content.secondary}},{children:v||g}))]}))};export{p as default};

package/dist/esm/components/input/Input.d.ts

@@ -65,9 +65,5 @@ export interface InputProps {
     hightlightInputColor?: string;
     onKeyDownEvent?: (e: Event) => void;
     hideInputHeader?: boolean;
-    hideBorder?: boolean;
-    inputWrapperStyles?: React.CSSProperties;
-    minCharsToTrigger?: number;
-    isDisabled?: boolean;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;

package/dist/esm/components/input/Input.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/info.svg.js";import{forwardRef as n,useState as i,useContext as l,useRef as s,useEffect as r}from"react";import{Button as o}from"../button/Button.js";import{isFunction as a,validateInput as c}from"./Input-helper.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{TitleSmall as d,BodySecondary as u}from"../TypographyStyle.js";import{COLORS as v}from"../../constants/Theme.js";import g from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as p}from"./context/InputStyleProvider.js";import{RootContainer as x,InputFooter as m,MaxCharStyle as j,InputWrapper as b,IconHolder as f,PrefixHolder as y,InputContainer as C,InputContainerSmall as T,SuffixHolder as O,InputHeader as w}from"./Input.styled.js";const I=n(((n,I)=>{var k,B,L,H,D,E,M,P;const{placeholder:S,leftIcon:F,rightIcon:z,labelText:A,maxCharLimit:K,isRequired:N,hintText:R,type:_,state:G,validate:W,variant:q,button:V,suffixText:$,prefixText:J,onChangeText:Q,value:U,noErrorHint:X,reset:Y,rangeValidation:Z,noKeyDownChange:ee,version:te,noMaxCharCheck:ne,labelElement:ie,autoGrow:le,minHeight:se,maxHeight:re,labelTextBold:oe,truncateText:ae,maxCharLimitPosition:ce,hightlightInputColor:he,onKeyDownEvent:de,hideInputHeader:ue,hideBorder:ve,inputWrapperStyles:ge,minCharsToTrigger:pe,isDisabled:xe=!1}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP",minCharsToTrigger:0},n),me=null==F?void 0:F.icon,je=null==z?void 0:z.icon,[be,fe]=i(!1),[ye,Ce]=i(!1),[Te,Oe]=i(),we="x-small"===q?"12px":"small"===q?"18px":"22px",Ie=l(p),[ke,Be]=i(),Le=s(null),He=null!=I?I:Le;r((()=>{Be(U),!U&&le&&(He.current.style.height=se||"48px")}),[U]),r((()=>{var e;He.current&&(null===(e=n.onReferenceInit)||void 0===e||e.call(n,He.current))}),[He]),r((()=>{const e=He.current;if(e&&["phonenumber","zip","number"].includes(_))return e.addEventListener("wheel",Pe,{passive:!1}),()=>{e.removeEventListener("wheel",Pe)}}),[]),r((()=>{Y&&Be("")}),[Y]),r((()=>{var e;Ce(!!n.isActive),n.isActive&&(null===(e=He.current)||void 0===e||e.focus())}),[n.isActive]),r((()=>{Oe(n.errorMessage)}),[n.errorMessage]),r((()=>{var e;fe(!1),("invalid"===n.state||Te||"disabled-invalid"===n.state)&&fe(!0),"active"===n.state&&(null===(e=He.current)||void 0===e||e.focus())}),[n.state,Te]),r((()=>{fe(!!Te||"invalid"===n.state)}),[Te,n.state]);const De=function(e){if(a(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},Ee=()=>"zip"===_?6:2e3,Me=e=>{const t=0!==K?K:Ee(),n=pe,i=e.target.value;de&&(!i.length||i.length>=n)&&de(e),ee||i.length&&!(i.length>=n)||Q(U||"",e),ne||![8].includes(e.which)&&t>0&&i.length>=t&&e.preventDefault()},Pe=e=>{e.preventDefault()},Se=e=>{let t=e.target.value;const i=0!==K?K+1:Ee(),l=pe;if(!ne&&i>0&&t.length>=i&&(t=t.substring(0,i-1)),n.textControl||Be(t),l&&t&&t.length<l)return;Q(t,e),le&&(He.current.style.height=`${He.current.scrollHeight}px`,t||(He.current.style.height=se||"48px"));const s=W||c;if(!s||!a(s))return;const[r,o]=s(t,_,Z);fe(!r),Oe(n.errorMessage?n.errorMessage:o)},Fe=e=>{var t;n.skipFocus||Ce(!0),De(null===(t=n.onFocus)||void 0===t?void 0:t.call(n,e))},ze=e=>{var t;n.skipFocus||Ce(!1),De(null===(t=n.onBlur)||void 0===t?void 0:t.call(n,e))},Ae=()=>{var t;return e.jsxs(e.Fragment,{children:["multiline"!==_&&e.jsx("input",{className:ae?"truncate-class":"","data-test":n["data-test"],id:n.id,style:null!==(t=null==Ie?void 0:Ie.input)&&void 0!==t?t:{},ref:He,disabled:xe,type:["phonenumber","zip","number"].includes(_)?"number":_,value:ke,onFocus:e=>Fe(e),onBlur:e=>ze(e),placeholder:S||"Enter here",onChange:Se,onClick:e=>De(n.onClick),onKeyDown:e=>Me(e)}),"multiline"===_&&e.jsx("textarea",{"data-test":n["data-test"],value:ke,ref:He,onFocus:e=>Fe(e),onBlur:e=>ze(e),onClick:e=>De(n.onClick),disabled:xe,placeholder:S||"Enter here",onChange:Se,onKeyDown:e=>Me(e),maxLength:K>0?K:void 0})]})};return e.jsxs(x,Object.assign({width:n.width,height:n.height,state:G,type:_,style:null!==(k=null==Ie?void 0:Ie.RootContainer)&&void 0!==k?k:{}},{children:[e.jsxs("div",Object.assign({className:"flex-align-center"},{children:[!X&&(!!R||!!Te)&&e.jsxs(m,Object.assign({invalid:!!Te},{children:[!!Te&&e.jsx(g,{width:16,height:16}),Te||R]})),K>0&&"BOTTOM"===ce&&e.jsxs(j,Object.assign({position:"BOTTOM"},{children:[null!==(L=null===(B=(null!=U?U:"").toString())||void 0===B?void 0:B.length)&&void 0!==L?L:0,"/",K]}))]})),e.jsxs(b,Object.assign({variant:q,state:G,width:n.width,isActive:"active"===G||ye,isInvalid:be,style:null!==(D=null!==(H=null==Ie?void 0:Ie.InputWrapper)&&void 0!==H?H:ge)&&void 0!==D?D:{},version:te,height:n.height,hightlightInputColor:he,hideBorder:ve},{children:[!!me&&e.jsx(f,Object.assign({variant:q,iconSize:we,onClick:()=>De(null==F?void 0:F.callback),isLeft:!0,style:null!==(E=null==Ie?void 0:Ie.IconHolder)&&void 0!==E?E:{}},{children:e.jsx(me,{})})),!!J&&e.jsx(y,Object.assign({variant:q},{children:J})),"default"===q&&e.jsx(C,Object.assign({height:n.height,type:n.type,minHeight:se,maxHeight:re,autoGrow:le},{children:Ae()})),["x-small","small"].includes(q)&&e.jsx(T,Object.assign({height:n.height,type:n.type},{children:Ae()})),!!je&&e.jsx(f,Object.assign({variant:q,iconSize:we,onClick:()=>De(null==z?void 0:z.callback),isLeft:!1},{children:e.jsx(je,{})})),!!$&&e.jsx(O,Object.assign({variant:q},{children:$})),V&&V.text&&e.jsx(o,{buttonText:V.text,onClick:()=>De(null==V?void 0:V.onClick)}),V&&V.buttonProps&&e.jsx(o,Object.assign({},V.buttonProps))]})),!ue&&(!!A||!!K)&&e.jsxs(w,Object.assign({invalid:be},{children:[ie&&ie,e.jsxs("div",Object.assign({className:"label__container"},{children:[oe?e.jsxs(d,{children:[A,N?e.jsx("span",{children:"*"}):""]}):e.jsxs(u,{children:[A,N?e.jsx("span",{children:"*"}):""]}),n.tooltipText&&e.jsx(h,Object.assign({body:n.tooltipText,placement:"top"},{children:e.jsx("span",{children:e.jsx(t,{style:{marginTop:-3},width:18,height:18,color:be?v.content.negative:v.content.primary})})}))]})),K>0&&"TOP"===ce&&e.jsxs(j,{children:[null!==(P=null===(M=(null!=U?U:"").toString())||void 0===M?void 0:M.length)&&void 0!==P?P:0,"/",K]})]}))]}))}));I.displayName="Input";export{I as Input};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"../../assets/icons/info.svg.js";import{forwardRef as l,useState as r,useContext as o,useRef as a,useEffect as s}from"react";import{Button as c}from"../button/Button.js";import{isFunction as h,validateInput as u}from"./Input-helper.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{TitleSmall as v,BodySecondary as p}from"../TypographyStyle.js";import{COLORS as g}from"../../constants/Theme.js";import m from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as x}from"./context/InputStyleProvider.js";import{RootContainer as b,InputFooter as f,MaxCharStyle as y,InputWrapper as j,IconHolder as C,PrefixHolder as O,InputContainer as T,InputContainerSmall as w,SuffixHolder as I,InputHeader as k}from"./Input.styled.js";const L=l(((l,L)=>{var H,B,E,M,P,D,S;const{placeholder:z,leftIcon:A,rightIcon:F,labelText:K,maxCharLimit:N,isRequired:R,hintText:G,type:_,state:q,validate:V,variant:W,button:$,suffixText:J,prefixText:Q,onChangeText:U,value:X,noErrorHint:Y,reset:Z,rangeValidation:ee,noKeyDownChange:te,version:ne,noMaxCharCheck:ie,labelElement:le,autoGrow:re,minHeight:oe,maxHeight:ae,labelTextBold:se,truncateText:ce,maxCharLimitPosition:he,hightlightInputColor:ue,onKeyDownEvent:de,hideInputHeader:ve}=Object.assign({maxCharLimit:0,type:"text",variant:"default",maxCharLimitPosition:"TOP"},l),pe=null==A?void 0:A.icon,ge=null==F?void 0:F.icon,[me,xe]=r(!1),[be,fe]=r(!1),[ye,je]=r(),Ce="x-small"===W?"12px":"small"===W?"18px":"22px",Oe=o(x),[Te,we]=r(),Ie=a(null),ke=null!=L?L:Ie;s((()=>{we(X),!X&&re&&(ke.current.style.height=oe||"48px")}),[X]),s((()=>{var e;ke.current&&(null===(e=l.onReferenceInit)||void 0===e||e.call(l,ke.current))}),[ke]),s((()=>{const e=ke.current;if(e&&["phonenumber","zip","number"].includes(_))return e.addEventListener("wheel",Ee,{passive:!1}),()=>{e.removeEventListener("wheel",Ee)}}),[]),s((()=>{Z&&we("")}),[Z]),s((()=>{var e;fe(!!l.isActive),l.isActive&&(null===(e=ke.current)||void 0===e||e.focus())}),[l.isActive]),s((()=>{je(l.errorMessage)}),[l.errorMessage]),s((()=>{var e;xe(!1),("invalid"===l.state||ye||"disabled-invalid"===l.state)&&xe(!0),"active"===l.state&&(null===(e=ke.current)||void 0===e||e.focus())}),[l.state,ye]),s((()=>{xe(!!ye||"invalid"===l.state)}),[ye,l.state]);const Le=function(e){if(h(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},He=()=>"zip"===_?6:2e3,Be=e=>{const t=0!==N?N:He();if(de&&de(e),te||U(X||"",e),ie)return;const n=e.target.value;![8].includes(e.which)&&t>0&&n.length>=t&&e.preventDefault()},Ee=e=>{e.preventDefault()},Me=e=>{let t=e.target.value;const n=0!==N?N+1:He();!ie&&n>0&&t.length>=n&&(t=t.substring(0,n-1)),U(t,e),l.textControl||we(t),re&&(ke.current.style.height=`${ke.current.scrollHeight}px`,t||(ke.current.style.height=oe||"48px"));const i=V||u;if(!i||!h(i))return;const[r,o]=i(t,_,ee);xe(!r),je(l.errorMessage?l.errorMessage:o)},Pe=e=>{var t;l.skipFocus||fe(!0),Le(null===(t=l.onFocus)||void 0===t?void 0:t.call(l,e))},De=e=>{var t;l.skipFocus||fe(!1),Le(null===(t=l.onBlur)||void 0===t?void 0:t.call(l,e))},Se=()=>{var i;return e(n,{children:["multiline"!==_&&t("input",{className:ce?"truncate-class":"","data-test":l["data-test"],id:l.id,style:null!==(i=null==Oe?void 0:Oe.input)&&void 0!==i?i:{},ref:ke,type:["phonenumber","zip","number"].includes(_)?"number":_,value:Te,onFocus:e=>Pe(e),onBlur:e=>De(e),placeholder:z||"Enter here",onChange:Me,onClick:e=>Le(l.onClick),onKeyDown:e=>Be(e)}),"multiline"===_&&t("textarea",{"data-test":l["data-test"],value:Te,ref:ke,onFocus:e=>Pe(e),onBlur:e=>De(e),onClick:e=>Le(l.onClick),placeholder:z||"Enter here",onChange:Me,onKeyDown:e=>Be(e),maxLength:N>0?N:void 0})]})};return e(b,Object.assign({width:l.width,height:l.height,state:q,type:_,style:null!==(H=null==Oe?void 0:Oe.RootContainer)&&void 0!==H?H:{}},{children:[e("div",Object.assign({className:"flex-align-center"},{children:[!Y&&(!!G||!!ye)&&e(f,Object.assign({invalid:!!ye},{children:[!!ye&&t(m,{width:16,height:16}),ye||G]})),N>0&&"BOTTOM"===he&&e(y,Object.assign({position:"BOTTOM"},{children:[null!==(E=null===(B=(null!=X?X:"").toString())||void 0===B?void 0:B.length)&&void 0!==E?E:0,"/",N]}))]})),e(j,Object.assign({variant:W,state:q,width:l.width,isActive:"active"===q||be,isInvalid:me,style:null!==(M=null==Oe?void 0:Oe.InputWrapper)&&void 0!==M?M:{},version:ne,height:l.height,hightlightInputColor:ue},{children:[!!pe&&t(C,Object.assign({variant:W,iconSize:Ce,onClick:()=>Le(null==A?void 0:A.callback),isLeft:!0,style:null!==(P=null==Oe?void 0:Oe.IconHolder)&&void 0!==P?P:{}},{children:t(pe,{})})),!!Q&&t(O,Object.assign({variant:W},{children:Q})),"default"===W&&t(T,Object.assign({height:l.height,type:l.type,minHeight:oe,maxHeight:ae,autoGrow:re},{children:Se()})),["x-small","small"].includes(W)&&t(w,Object.assign({height:l.height,type:l.type},{children:Se()})),!!ge&&t(C,Object.assign({variant:W,iconSize:Ce,onClick:()=>Le(null==F?void 0:F.callback),isLeft:!1},{children:t(ge,{})})),!!J&&t(I,Object.assign({variant:W},{children:J})),$&&$.text&&t(c,{buttonText:$.text,onClick:()=>Le(null==$?void 0:$.onClick)}),$&&$.buttonProps&&t(c,Object.assign({},$.buttonProps))]})),!ve&&(!!K||!!N)&&e(k,Object.assign({invalid:me},{children:[le&&le,e("div",Object.assign({className:"label__container"},{children:[e(se?v:p,{children:[K,R?t("span",{children:"*"}):""]}),l.tooltipText&&t(d,Object.assign({body:l.tooltipText,placement:"top"},{children:t("span",{children:t(i,{style:{marginTop:-3},width:18,height:18,color:me?g.content.negative:g.content.primary})})}))]})),N>0&&"TOP"===he&&e(y,{children:[null!==(S=null===(D=(null!=X?X:"").toString())||void 0===D?void 0:D.length)&&void 0!==S?S:0,"/",N]})]}))]}))}));L.displayName="Input";export{L as Input};

package/dist/esm/components/input/Input.styled.d.ts

@@ -12,7 +12,6 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     variant?: InputVariant | undefined;
     version?: "1.0" | "2.0" | undefined;
     hightlightInputColor?: string | undefined;
-    hideBorder?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconHolder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;