@bikdotai/bik-component-library 0.0.738-0 → 0.0.738-5

package/dist/cjs/components/feature-announcements/utils/htmlHelpers.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Decode HTML entities in text
+ * @param text - Text containing HTML entities
+ * @returns Decoded text
+ */
+export declare const decodeHTMLEntities: (text: string) => string;
+/**
+ * Format video URL for embedding
+ * @param videoUrl - Original video URL
+ * @returns Formatted video URL
+ */
+export declare const formatVideoUrl: (videoUrl: string) => string;
+/**
+ * Check if URL is a YouTube video
+ * @param videoUrl - Video URL to check
+ * @returns True if YouTube video
+ */
+export declare const isYouTubeVideo: (videoUrl: string) => boolean;

package/dist/cjs/components/feature-announcements/utils/htmlHelpers.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.decodeHTMLEntities=e=>{if(!e)return"";const t=document.createElement("textarea");return t.innerHTML=e,t.value},exports.formatVideoUrl=e=>e.replace("watch?v=","embed/").replace("youtu.be/","youtube.com/embed/"),exports.isYouTubeVideo=e=>e.includes("youtube.com")||e.includes("youtu.be");

package/dist/cjs/components/feature-announcements/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './htmlHelpers';
+export * from './animationHelpers';
+export * from './elementHelpers';

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

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

package/dist/cjs/components/floater/floater.js

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

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

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

package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Placement } from "../tooltips";
 import { DropdownOption, OpenDropdownProps } from '../dropdown/type';
 import { FloaterProps } from '../floater/floater';
-import { InputProps } from '../input';
+import { InputProps } from '../input/Input.model';
 type DropdownProps = OpenDropdownProps & {
     isLoading?: boolean;
     children?: React.ReactNode;

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),n=require("react-popper"),s=require("styled-components"),o=require("../dropShadow/DropShadow.js"),r=require("../dropdown/Common.styled.js"),i=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),p=require("../input/Input.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=u(s).default(r.OpenDropdownContainer)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),o=require("styled-components"),r=require("../dropShadow/DropShadow.js"),s=require("../dropdown/Common.styled.js"),i=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),a=require("../input/Input.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(o).default(s.OpenDropdownContainer)`
 	opacity: ${e=>{let{visible:t}=e;return t?1:0}};
 	visibility: ${e=>{let{visible:t}=e;return t?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`;exports.FloatingInputDropdown=s=>{let{inputProps:r,dropdownProps:u,floaterProps:d,children:c,isVisible:j,onDropdownOptionClick:x,onChangeText:f}=s;const m=t.useRef(null),v=t.useRef(null),[b,w]=t.useState(!1),[O,g]=t.useState(null),[h,R]=t.useState(null),[y,E]=t.useState(!1),{styles:S,attributes:D,update:q,forceUpdate:C}=n.usePopper(h,O,{placement:u.placement,strategy:u.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.useEffect((()=>{if(!b){const e=setTimeout((()=>E(!1)),200);return()=>clearTimeout(e)}E(!0),q&&q()}),[b,q]),t.useEffect((()=>{if(m.current){const e=new ResizeObserver((()=>{q&&q()}));return e.observe(m.current),()=>{e.disconnect()}}}),[m.current,q]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j&&e.jsxRuntimeExports.jsxs(l.Floater,Object.assign({},d,{refElement:v},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"relative"},ref:R},{children:e.jsxRuntimeExports.jsx(o.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsxRuntimeExports.jsx(p.Input,Object.assign({},r,{onClick:()=>{var e;null===(e=u.onDropdownOpen)||void 0===e||e.call(u),b?w(!1):u.disabled||w(!0),null==C||C()},ref:m,onChangeText:(e,t)=>{null==f||f(e,t),q&&q()}}))}))})),e.jsxRuntimeExports.jsx(a,Object.assign({ref:g,style:Object.assign(Object.assign({},S.popper),{zIndex:3})},D.popper,{visible:b||y},{children:e.jsxRuntimeExports.jsx(o.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsxRuntimeExports.jsx(i.OpenedDropdown,Object.assign({},u,{onSelect:e=>{var t;"2.0"===u.version&&u.isMultiSelect||(null===(t=u.onSelect)||void 0===t||t.call(u,e),w(!1))},onClose:e=>{var t,n;"2.0"===u.version&&u.isMultiSelect&&e&&(null===(t=u.onSelect)||void 0===t||t.call(u,[...e])),w(!1),null===(n=null==u?void 0:u.onClose)||void 0===n||n.call(u)},version:u.version,headerRef:m,onDropdownItemClick:e=>{null==x||x(e)}}))}))}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({ref:v},{children:c&&e.jsxRuntimeExports.jsx("div",{children:c})}))]})};
+`;exports.FloatingInputDropdown=o=>{let{inputProps:s,dropdownProps:d,floaterProps:u,children:c,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=o;const j=t.useRef(null),m=t.useRef(null),[w,O]=t.useState(!1),[g,h]=t.useState(null),[x,y]=t.useState(null),[S,D]=t.useState(!1),{styles:q,attributes:C,update:P,forceUpdate:R}=n.usePopper(x,g,{placement:d.placement,strategy:d.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.useEffect((()=>{if(!w){const e=setTimeout((()=>D(!1)),200);return()=>clearTimeout(e)}D(!0),P&&P()}),[w,P]),t.useEffect((()=>{if(j.current){const e=new ResizeObserver((()=>{P&&P()}));return e.observe(j.current),()=>{e.disconnect()}}}),[j.current,P]);return e.jsxs(e.Fragment,{children:[f&&e.jsxs(l.Floater,Object.assign({},u,{refElement:m},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:y},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a.Input,Object.assign({},s,{onClick:()=>{var e;null===(e=d.onDropdownOpen)||void 0===e||e.call(d),w?O(!1):d.disabled||O(!0),null==R||R()},ref:j,onChangeText:(e,t)=>{null==b||b(e,t),P&&P()}}))}))})),e.jsx(p,Object.assign({ref:h,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},C.popper,{visible:w||S},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(i.OpenedDropdown,Object.assign({},d,{onSelect:e=>{var t;"2.0"===d.version&&d.isMultiSelect||(null===(t=d.onSelect)||void 0===t||t.call(d,e),O(!1))},onClose:e=>{var t,n;"2.0"===d.version&&d.isMultiSelect&&e&&(null===(t=d.onSelect)||void 0===t||t.call(d,[...e])),O(!1),null===(n=null==d?void 0:d.onClose)||void 0===n||n.call(d)},version:d.version,headerRef:j,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:m},{children:c&&e.jsx("div",{children:c})}))]})};

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

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

package/dist/cjs/components/image-cropper/BikImageCropper.d.ts

@@ -1,9 +1,4 @@
 import 'react-image-crop/dist/ReactCrop.css';
-export interface BikImageCropperProps {
-    aspectRatio?: number;
-    src: string;
-    onCropComplete: (base64String: string, didChange: boolean) => void | Promise<void>;
-    onCancel: () => void;
-}
+import { BikImageCropperProps } from './BikImageCropper.model';
 export declare const BikImageCropper: (props: BikImageCropperProps) => import("react/jsx-runtime").JSX.Element;
 export default BikImageCropper;

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

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

package/dist/cjs/components/image-cropper/BikImageCropper.model.d.ts

@@ -0,0 +1,6 @@
+export interface BikImageCropperProps {
+    aspectRatio?: number;
+    src: string;
+    onCropComplete: (base64String: string, didChange: boolean) => void | Promise<void>;
+    onCancel: () => void;
+}

package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts

@@ -1,5 +1,5 @@
 import { CompressImageOptions } from "../../image-compress";
-import { BikImageCropperProps } from "..";
+import { BikImageCropperProps } from '../BikImageCropper.model';
 /**
  * Todos
  * 	- Add option to pass https url in the src / edit an image

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

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

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

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

package/dist/cjs/components/input/Input-helper.d.ts

@@ -1,4 +1,4 @@
-import { InputTypeI } from "./Input";
+import { InputTypeI } from './Input.model';
 export declare const isFunction: (fn: any) => boolean;
 export declare const validateInput: (inputText: string | number, type: InputTypeI, rangeValidation?: {
     min?: number;

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

@@ -1,73 +1,3 @@
 import React from 'react';
-import { ButtonProps } from '../button/model';
-export type InputVariant = 'default' | 'small' | 'x-small';
-export type InputStateI = 'invalid' | 'active' | 'read-only' | 'disabled' | 'disabled-invalid' | 'none';
-export type InputTypeI = 'number' | 'email' | 'text' | 'multiline' | 'url' | 'zip' | 'phonenumber' | 'password';
-export interface InputProps {
-    'data-test'?: string;
-    noErrorHint?: boolean;
-    placeholder?: string;
-    variant?: InputVariant;
-    width?: string;
-    height?: string;
-    leftIcon?: {
-        icon: React.FC;
-        callback?: () => void;
-    };
-    rightIcon?: {
-        icon: React.FC;
-        callback?: () => void;
-    };
-    labelElement?: React.ReactNode;
-    labelText?: string;
-    maxCharLimit?: number;
-    isRequired?: boolean;
-    errorMessage?: string;
-    hintText?: string;
-    state?: InputStateI;
-    type?: InputTypeI;
-    /**
-        validate:  function takes the input and returns boolean + string (error message in case of invalid input)
-     **/
-    validate?: (input?: string | number) => [boolean, string];
-    onChangeText: (input: string, event?: Event) => void;
-    button?: {
-        text: string;
-        onClick?: () => void;
-        buttonProps?: ButtonProps;
-    };
-    suffixText?: string;
-    prefixText?: string;
-    value?: string;
-    reset?: boolean;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    onClick?: (e: any) => void;
-    isActive?: boolean;
-    id?: string;
-    onReferenceInit?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
-    rangeValidation?: {
-        min: number;
-        max: number;
-    };
-    noKeyDownChange?: boolean;
-    skipFocus?: boolean;
-    version?: '1.0' | '2.0';
-    textControl?: boolean;
-    noMaxCharCheck?: boolean;
-    tooltipText?: string;
-    autoGrow?: boolean;
-    minHeight?: string;
-    maxHeight?: string;
-    labelTextBold?: boolean;
-    truncateText?: boolean;
-    maxCharLimitPosition?: 'TOP' | 'BOTTOM';
-    hightlightInputColor?: string;
-    onKeyDownEvent?: (e: Event) => void;
-    hideInputHeader?: boolean;
-    hideBorder?: boolean;
-    inputWrapperStyles?: React.CSSProperties;
-    minCharsToTrigger?: number;
-    isDisabled?: boolean;
-}
+import { InputProps } from './Input.model';
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;

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

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

package/dist/cjs/components/input/Input.model.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import { ButtonProps } from '../button/model';
+export type InputVariant = 'default' | 'small' | 'x-small';
+export type InputStateI = 'invalid' | 'active' | 'read-only' | 'disabled' | 'disabled-invalid' | 'none';
+export type InputTypeI = 'number' | 'email' | 'text' | 'multiline' | 'url' | 'zip' | 'phonenumber' | 'password';
+export interface InputProps {
+    'data-test'?: string;
+    noErrorHint?: boolean;
+    placeholder?: string;
+    variant?: InputVariant;
+    width?: string;
+    height?: string;
+    leftIcon?: {
+        icon: React.FC;
+        callback?: () => void;
+    };
+    rightIcon?: {
+        icon: React.FC;
+        callback?: () => void;
+    };
+    labelElement?: React.ReactNode;
+    labelText?: string;
+    maxCharLimit?: number;
+    isRequired?: boolean;
+    errorMessage?: string;
+    hintText?: string;
+    state?: InputStateI;
+    type?: InputTypeI;
+    /**
+        validate:  function takes the input and returns boolean + string (error message in case of invalid input)
+     **/
+    validate?: (input?: string | number) => [boolean, string];
+    onChangeText: (input: string, event?: Event) => void;
+    button?: {
+        text: string;
+        onClick?: () => void;
+        buttonProps?: ButtonProps;
+    };
+    suffixText?: string;
+    prefixText?: string;
+    value?: string;
+    reset?: boolean;
+    onBlur?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    onClick?: (e: any) => void;
+    isActive?: boolean;
+    id?: string;
+    onReferenceInit?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
+    rangeValidation?: {
+        min: number;
+        max: number;
+    };
+    noKeyDownChange?: boolean;
+    skipFocus?: boolean;
+    version?: '1.0' | '2.0';
+    textControl?: boolean;
+    noMaxCharCheck?: boolean;
+    tooltipText?: string;
+    autoGrow?: boolean;
+    minHeight?: string;
+    maxHeight?: string;
+    labelTextBold?: boolean;
+    truncateText?: boolean;
+    maxCharLimitPosition?: 'TOP' | 'BOTTOM';
+    hightlightInputColor?: string;
+    onKeyDownEvent?: (e: Event) => void;
+    hideInputHeader?: boolean;
+    hideBorder?: boolean;
+    inputWrapperStyles?: React.CSSProperties;
+    minCharsToTrigger?: number;
+    isDisabled?: boolean;
+}

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { InputStateI, InputTypeI, InputVariant } from "./Input";
+import { InputStateI, InputTypeI, InputVariant } from './Input.model';
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;
@@ -16,7 +16,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconHolder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isLeft?: boolean | undefined;
     iconSize?: string | undefined;
@@ -57,7 +57,7 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
 }, {}, {}>;
 export declare const InputHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     invalid?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -91,7 +91,7 @@ export declare const InputFooter: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const RootContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;