@bikdotai/bik-component-library 0.0.734-beta.3 → 0.0.735-beta.1

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

@@ -1,30 +1,30 @@
-/**
- * Find What's New button using multiple strategies
- * @returns Element or null
- */
-export declare const findWhatsNewButton: () => Element | null;
-/**
- * Find target element for minor update
- * @param featureTag - Feature tag selector
- * @returns Element or null
- */
-export declare const findFeatureTagElement: (featureTag: string) => Element | null;
-/**
- * Normalize selector string
- * @param selector - Selector string
- * @returns Normalized selector
- */
-export declare const normalizeSelector: (selector: string) => string;
-/**
- * Check if element is fully visible in viewport
- * @param element - Element to check
- * @returns True if element is fully visible
- */
-export declare const isElementInViewport: (element: Element) => boolean;
-/**
- * Scroll to element smoothly with offset
- * @param element - Element to scroll to
- * @param offset - Offset from top (default 120px for popup space)
- * @returns Promise that resolves when scroll completes
- */
-export declare const scrollToElementSmooth: (element: Element, offset?: number) => Promise<void>;
+/**
+ * Find What's New button using multiple strategies
+ * @returns Element or null
+ */
+export declare const findWhatsNewButton: () => Element | null;
+/**
+ * Find target element for minor update
+ * @param featureTag - Feature tag selector
+ * @returns Element or null
+ */
+export declare const findFeatureTagElement: (featureTag: string) => Element | null;
+/**
+ * Normalize selector string
+ * @param selector - Selector string
+ * @returns Normalized selector
+ */
+export declare const normalizeSelector: (selector: string) => string;
+/**
+ * Check if element is fully visible in viewport
+ * @param element - Element to check
+ * @returns True if element is fully visible
+ */
+export declare const isElementInViewport: (element: Element) => boolean;
+/**
+ * Scroll to element smoothly with offset
+ * @param element - Element to scroll to
+ * @param offset - Offset from top (default 120px for popup space)
+ * @returns Promise that resolves when scroll completes
+ */
+export declare const scrollToElementSmooth: (element: Element, offset?: number) => Promise<void>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../constants/animations.js");var e=require("../constants/selectors.js");exports.findFeatureTagElement=e=>{const t=e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`;return document.querySelector(t)},exports.findWhatsNewButton=()=>{let t=document.querySelector(e.SELECTORS.WHATS_NEW_BUTTON);if(t)return t;if(t=document.querySelector(e.SELECTORS.MAIN_ICON_CLASS),t)return t;const r=document.querySelector(e.SELECTORS.SVG_VIEWBOX);if(r){if(r.querySelector(e.SELECTORS.CLIPPATH_PATTERN))return r.closest(e.SELECTORS.WHATS_NEW_BUTTON)||r.parentElement}return null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../constants/animations.js");var e=require("../constants/selectors.js");const t=e=>{const t=e.getBoundingClientRect(),o=window.innerHeight||document.documentElement.clientHeight,n=window.innerWidth||document.documentElement.clientWidth,r=t.top>=120&&t.bottom<=o,s=t.left>=0&&t.right<=n;return r&&s};exports.findFeatureTagElement=e=>{const t=e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`;return document.querySelector(t)},exports.findWhatsNewButton=()=>{let t=document.querySelector(e.SELECTORS.WHATS_NEW_BUTTON);if(t)return t;if(t=document.querySelector(e.SELECTORS.MAIN_ICON_CLASS),t)return t;const o=document.querySelector(e.SELECTORS.SVG_VIEWBOX);if(o){if(o.querySelector(e.SELECTORS.CLIPPATH_PATTERN))return o.closest(e.SELECTORS.WHATS_NEW_BUTTON)||o.parentElement}return null},exports.isElementInViewport=t,exports.normalizeSelector=e=>e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`,exports.scrollToElementSmooth=function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:120;return new Promise((n=>{if(t(e))return void n();const r=e.getBoundingClientRect().top+window.pageYOffset-o;let s;window.scrollTo({top:r,behavior:"smooth"});const i=()=>{clearTimeout(s),s=setTimeout((()=>{window.removeEventListener("scroll",i),setTimeout((()=>n()),100)}),100)};window.addEventListener("scroll",i,{passive:!0}),setTimeout((()=>{window.removeEventListener("scroll",i),n()}),1e3)}))};

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

@@ -1,18 +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;
+/**
+ * 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/index.d.ts

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

package/dist/cjs/components/file-uploader/FileUploader.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { FileUploaderProps } from "./Models";
-export declare const FileUploader: React.FC<FileUploaderProps>;
+import React from 'react';
+import { FileUploaderProps } from '@src/components/file-uploader/Models';
+export declare const FileUploader: React.FC<FileUploaderProps>;

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

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

package/dist/cjs/components/file-uploader/FileUploaderStyle.d.ts

@@ -1,7 +1,7 @@
-export declare const FileUploaderStyle: import("styled-components").StyledComponent<"div", any, {
-    showProgressBar: boolean;
-    width?: string | undefined;
-}, never>;
-export declare const FileUploadedStyle: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;
+export declare const FileUploaderStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    showProgressBar: boolean;
+    width?: string;
+}>> & string;
+export declare const FileUploadedStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width?: string;
+}>> & string;

package/dist/cjs/components/file-uploader/Models.d.ts

@@ -1,34 +1,34 @@
-export interface FileMetaData {
-    fileId: string;
-    fileName: string;
-    fileSize: string;
-    fileType: string;
-    fileUrl: string;
-    uploadType: 'URL' | 'FileUpload';
-    uploadDate: Date;
-}
-export interface FileUploadRules {
-    allowedFormats: string;
-    allowedSize: {
-        [key: string]: number;
-    };
-}
-export interface FileUploaderInterface {
-    onFileUpload: (file: File, metaData: FileMetaData) => void;
-    fileUploadRules: FileUploadRules;
-    onError: (error: string) => void;
-}
-export interface FileMetaFromUrl {
-    type: string;
-    size: number;
-}
-export interface FileUploaderProps {
-    uploadFile?: (file: File, fileName: string) => Promise<string>;
-    getFileMetaFromUrl?: (url: string) => Promise<FileMetaFromUrl>;
-    fileUploadRules: FileUploadRules;
-    onError: (error: string) => void;
-    uploadProgress: number;
-    onCancel: () => void;
-    onSuccess: (file: File, fileMeta: FileMetaData) => void;
-    fileName?: string;
-}
+export interface FileMetaData {
+    fileId: string;
+    fileName: string;
+    fileSize: string;
+    fileType: string;
+    fileUrl: string;
+    uploadType: 'URL' | 'FileUpload';
+    uploadDate: Date;
+}
+export interface FileUploadRules {
+    allowedFormats: string;
+    allowedSize: {
+        [key: string]: number;
+    };
+}
+export interface FileUploaderInterface {
+    onFileUpload: (file: File, metaData: FileMetaData) => void;
+    fileUploadRules: FileUploadRules;
+    onError: (error: string) => void;
+}
+export interface FileMetaFromUrl {
+    type: string;
+    size: number;
+}
+export interface FileUploaderProps {
+    uploadFile?: (file: File, fileName: string) => Promise<string>;
+    getFileMetaFromUrl?: (url: string) => Promise<FileMetaFromUrl>;
+    fileUploadRules: FileUploadRules;
+    onError: (error: string) => void;
+    uploadProgress: number;
+    onCancel: () => void;
+    onSuccess: (file: File, fileMeta: FileMetaData) => void;
+    fileName?: string;
+}

package/dist/cjs/components/file-uploader/index.d.ts

@@ -1 +1 @@
-export * from './FileUploader';
+export * from './FileUploader';

package/dist/cjs/components/file-uploader/useMockUrlUpload.d.ts

@@ -1,8 +1,8 @@
-import { FileMetaFromUrl } from "./Models";
-interface URLUploadOptions {
-    getFileMetaFromUrl: (url: string) => Promise<FileMetaFromUrl>;
-    error?: string;
-    success?: boolean;
-}
-declare const useMockUrlUpload: () => URLUploadOptions;
-export default useMockUrlUpload;
+import { FileMetaFromUrl } from '@src/components/file-uploader/Models';
+interface URLUploadOptions {
+    getFileMetaFromUrl: (url: string) => Promise<FileMetaFromUrl>;
+    error?: string;
+    success?: boolean;
+}
+declare const useMockUrlUpload: () => URLUploadOptions;
+export default useMockUrlUpload;

package/dist/cjs/components/floater/floater.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export type FloaterProps = {
-    children?: React.ReactNode;
-    refElement: React.MutableRefObject<any>;
-    leftOffset?: number;
-    topOffset?: number;
-    useDefaultOffsets?: boolean;
-};
-export declare const Floater: (props: FloaterProps) => import("react/jsx-runtime").JSX.Element | null;
+export type FloaterProps = {
+    children?: React.ReactNode;
+    refElement: React.MutableRefObject<any>;
+    leftOffset?: number;
+    topOffset?: number;
+    useDefaultOffsets?: boolean;
+};
+export declare const Floater: (props: FloaterProps) => import("react/jsx-runtime").JSX.Element | null;

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

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

package/dist/cjs/components/floater/index.d.ts

@@ -1 +1 @@
-export * from './floater';
+export * from './floater';

package/dist/cjs/components/floating-action-button/FloatingActionButton.d.ts

@@ -1,22 +1,22 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import React from 'react';
-import { Placement } from '../tooltips';
-import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from './FloatingActionButton.styles';
-export declare const FloatingActionButton: React.FC<{
-    onClick?: () => void;
-    children?: React.ReactNode;
-    width?: number;
-    height?: number;
-    icon?: JSX.Element;
-    color?: string;
-    position?: FAB_POSITION;
-    buttonPaddingHorizontal?: number;
-    buttonPaddingVertical?: number;
-    tooltipText?: string;
-    tooltipPlacement?: Placement;
-    zIndex?: number;
-    isRound?: boolean;
-    dropPosition?: DROP_POSITION;
-    menuAligment?: MENU_ALIGNMENT;
-    tootipWidth?: number;
-}>;
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+import { Placement } from '../tooltips';
+import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from './FloatingActionButton.styles';
+export declare const FloatingActionButton: React.FC<{
+    onClick?: () => void;
+    children?: React.ReactNode;
+    width?: number;
+    height?: number;
+    icon?: JSX.Element;
+    color?: string;
+    position?: FAB_POSITION;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
+    tooltipText?: string;
+    tooltipPlacement?: Placement;
+    zIndex?: number;
+    isRound?: boolean;
+    dropPosition?: DROP_POSITION;
+    menuAligment?: MENU_ALIGNMENT;
+    tootipWidth?: number;
+}>;

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

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

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -1,50 +1,53 @@
-/// <reference types="react" />
-export declare enum FAB_POSITION {
-    TOP_LEFT = "top left",
-    TOP_RIGHT = "top right",
-    BOTTOM_LEFT = "bottom left",
-    BOTTOM_RIGHT = "botton right"
-}
-export declare enum DROP_POSITION {
-    UP = "up",
-    UP_CENTERED = "up-centered",
-    START = "start",
-    END = "end",
-    DOWN = "down",
-    DOWN_CENTERED = "down-centered"
-}
-export declare enum MENU_ALIGNMENT {
-    START = "start",
-    END = "end"
-}
-export declare const FloatingActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    isRound?: boolean | undefined;
-}, never>;
-export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    position: FAB_POSITION;
-    buttonPaddingHorizontal: number;
-    buttonPaddingVertical: number;
-    zIndex: number;
-}, never>;
-export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
-    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
-    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
-    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<import("react").ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
-    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
-    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
-    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
-}, any, {
-    active?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;
-export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {
-    tooltipWidth?: number | undefined;
-}, never>;
+export declare enum FAB_POSITION {
+    TOP_LEFT = "top left",
+    TOP_RIGHT = "top right",
+    BOTTOM_LEFT = "bottom left",
+    BOTTOM_RIGHT = "botton right"
+}
+export declare enum DROP_POSITION {
+    UP = "up",
+    UP_CENTERED = "up-centered",
+    START = "start",
+    END = "end",
+    DOWN = "down",
+    DOWN_CENTERED = "down-centered"
+}
+export declare enum MENU_ALIGNMENT {
+    START = "start",
+    END = "end"
+}
+export declare const FloatingActionButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width: number;
+    height: number;
+    color: string;
+    isRound?: boolean;
+}>> & string;
+export declare const FloatingActionButtonOuterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width: number;
+    height: number;
+    color: string;
+    position: FAB_POSITION;
+    buttonPaddingHorizontal: number;
+    buttonPaddingVertical: number;
+    zIndex: number;
+}>> & string;
+export declare const StyledDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps & {
+    children?: import("react").ReactNode | undefined;
+}, {
+    active?: string;
+    width?: string;
+    height?: string;
+}>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
+    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
+    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
+    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<React.ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & React.RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
+    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
+    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
+    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const DropdownToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
+export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    tooltipWidth?: number;
+}>> & string;

package/dist/cjs/components/floating-action-button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FloatingActionButton';
-export * from './FloatingActionButton.styles';
+export * from './FloatingActionButton';
+export * from './FloatingActionButton.styles';

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

@@ -1,26 +1,26 @@
-import React from 'react';
-import { Placement } from "../tooltips";
-import { DropdownOption, OpenDropdownProps } from '../dropdown/type';
-import { FloaterProps } from '../floater/floater';
-import { InputProps } from '../input/Input.model';
-type DropdownProps = OpenDropdownProps & {
-    isLoading?: boolean;
-    children?: React.ReactNode;
-    disabled?: boolean;
-    onDropdownOpen?: () => void;
-    onDropdownVisbilityChange?: (isOpen: boolean) => void;
-    tooltipContent?: string;
-    tooltipDirection?: Placement;
-    showTooltipArrow?: boolean;
-};
-type FloatingInputDropdownProps = {
-    inputProps: InputProps;
-    dropdownProps: DropdownProps;
-    floaterProps: FloaterProps;
-    children?: React.ReactNode;
-    isVisible?: boolean;
-    onDropdownOptionClick?: (option: DropdownOption) => void;
-    onChangeText?: (text: string, event?: Event) => void;
-};
-export declare const FloatingInputDropdown: React.FC<FloatingInputDropdownProps>;
-export {};
+import React from 'react';
+import { Placement } from '@src/components/tooltips';
+import { DropdownOption, OpenDropdownProps } from '../dropdown/type';
+import { FloaterProps } from '../floater/floater';
+import { InputProps } from '../input';
+type DropdownProps = OpenDropdownProps & {
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    onDropdownOpen?: () => void;
+    onDropdownVisbilityChange?: (isOpen: boolean) => void;
+    tooltipContent?: string;
+    tooltipDirection?: Placement;
+    showTooltipArrow?: boolean;
+};
+type FloatingInputDropdownProps = {
+    inputProps: InputProps;
+    dropdownProps: DropdownProps;
+    floaterProps: FloaterProps;
+    children?: React.ReactNode;
+    isVisible?: boolean;
+    onDropdownOptionClick?: (option: DropdownOption) => void;
+    onChangeText?: (text: string, event?: Event) => void;
+};
+export declare const FloatingInputDropdown: React.FC<FloatingInputDropdownProps>;
+export {};

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

@@ -1,5 +1,5 @@
-"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)`
+"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"),i=require("../dropdown/Common.styled.js"),s=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),d=require("../input/Input.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=a(o).default(i.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=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})}))]})};
+`;exports.FloatingInputDropdown=o=>{let{inputProps:i,dropdownProps:a,floaterProps:u,children:c,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=o;const j=t.useRef(null),m=t.useRef(null),[w,h]=t.useState(!1),[x,y]=t.useState(null),[O,g]=t.useState(null),[S,D]=t.useState(!1),{styles:q,attributes:C,update:P,forceUpdate:R}=n.usePopper(O,x,{placement:a.placement,strategy:a.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",{style:{position:"relative"},ref:g,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(d.Input,Object.assign({},i,{onClick:()=>{var e;null===(e=a.onDropdownOpen)||void 0===e||e.call(a),w?h(!1):a.disabled||h(!0),null==R||R()},ref:j,onChangeText:(e,t)=>{null==b||b(e,t),P&&P()}}))})}),e.jsx(p,Object.assign({ref:y,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},C.popper,{visible:w||S,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(s.OpenedDropdown,Object.assign({},a,{onSelect:e=>{var t;"2.0"===a.version&&a.isMultiSelect||(null===(t=a.onSelect)||void 0===t||t.call(a,e),h(!1))},onClose:e=>{var t,n;"2.0"===a.version&&a.isMultiSelect&&e&&(null===(t=a.onSelect)||void 0===t||t.call(a,[...e])),h(!1),null===(n=null==a?void 0:a.onClose)||void 0===n||n.call(a)},version:a.version,headerRef:j,onDropdownItemClick:e=>{null==v||v(e)}}))})}))]})),e.jsx("div",{ref:m,children:c&&e.jsx("div",{children:c})})]})};

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

@@ -1 +1 @@
-export * from './FloatingInputDropdown';
+export * from './FloatingInputDropdown';