@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

package/dist/cjs/components/dropdown-button/DropdownButton.d.ts

@@ -1,13 +1,9 @@
-import React__default from 'react';
-import { ButtonProps } from '../button/model.js';
-import { DropdownProps } from '../dropdown/Dropdown.js';
-
-interface DropdownButtonProps {
-    dropdownProps: DropdownProps;
-    buttonProps: ButtonProps;
-    iconProps: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
-}
-declare const DropdownButton: React__default.FC<DropdownButtonProps>;
-
-export { DropdownButton };
-export type { DropdownButtonProps };
+import React from 'react';
+import { DropdownProps } from "../dropdown";
+import { ButtonProps } from '../button/model';
+export interface DropdownButtonProps {
+    dropdownProps: DropdownProps;
+    buttonProps: ButtonProps;
+    iconProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export declare const DropdownButton: React.FC<DropdownButtonProps>;

package/dist/cjs/components/dropdown-button/DropdownButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("react"),require("../TypographyStyle.js"),require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.js");var r=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../input/context/InputStyleProvider.js"),require("../dropdown/MenuItem/MenuItem.js");var t=require("./DropdownButton.style.js");exports.DropdownButton=n=>e.jsxs(t.DropdownButtonStyle,{type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled,children:[e.jsx(r.Button,{...n.buttonProps,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}}),e.jsx("div",{className:"divider"}),e.jsx(o.DropdownPopover,{...n.dropdownProps,children:e.jsx(r.Button,{...n.buttonProps,buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}})})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js"),require("../TypographyStyle.js"),require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js");var r=require("../button/Button.js");require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var t=require("./DropdownButton.style.js");exports.DropdownButton=n=>e.jsxs(t.DropdownButtonStyle,Object.assign({type:n.buttonProps.buttonType,disabled:n.buttonProps.disabled},{children:[e.jsx(r.Button,Object.assign({},n.buttonProps,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),e.jsx("div",{className:"divider"}),e.jsx(o.DropdownPopover,Object.assign({},n.dropdownProps,{children:e.jsx(r.Button,Object.assign({},n.buttonProps,{buttonText:"",TrailingIcon:n.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}));

package/dist/cjs/components/dropdown-button/DropdownButton.style.d.ts

@@ -0,0 +1,5 @@
+import { Type } from '../button/model';
+export declare const DropdownButtonStyle: import("styled-components").StyledComponent<"div", any, {
+    type: Type | undefined;
+    disabled: boolean | undefined;
+}, never>;

package/dist/cjs/components/dropdown-button/DropdownButton.style.js

@@ -4,6 +4,6 @@
 	width: max-content;
 	.divider {
 		width: ${e=>["primary","destructive"].includes(e.type)?"1px":"0px"};
-		background-color: ${e=>{return r=e.type,n=e?.disabled,n?t.COLORS.content.inactive:"primary"===r?"#CDA2FC":t.COLORS.content.primaryInverse;var r,n}};
+		background-color: ${e=>{return r=e.type,(null==e?void 0:e.disabled)?t.COLORS.content.inactive:"primary"===r?"#CDA2FC":t.COLORS.content.primaryInverse;var r}};
 	}
 `;exports.DropdownButtonStyle=n;

package/dist/cjs/components/dropdown-button/index.d.ts

@@ -0,0 +1 @@
+export * from './DropdownButton';

package/dist/cjs/components/dynamic-tabs/DynamicTabs.d.ts

@@ -1,28 +1,24 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TooltipProps } from '../tooltips/Tooltip.js';
-
-interface DynamicTabsDetails {
-    id: number;
-    text: string;
-    action: (tabName: string) => void;
-    displayText?: string;
-    tooltipProps?: TooltipProps;
-}
-interface DynamicTabsStyleDetails {
-    type: 'SQUARE' | 'CAPSULE';
-    size?: 'REGULAR' | 'SMALL';
-    style?: {
-        [property: string]: string | number;
-    };
-}
-interface DynamicTabsProps {
-    tabsInfo: DynamicTabsDetails[];
-    tabStyleInfo: DynamicTabsStyleDetails;
-    selectedTabId?: number;
-    wrapperStyle?: React.CSSProperties;
-    tabWidth?: string;
-}
-declare const DynamicTabs: (props: DynamicTabsProps) => react_jsx_runtime.JSX.Element;
-
-export { DynamicTabs };
-export type { DynamicTabsDetails, DynamicTabsProps, DynamicTabsStyleDetails };
+/// <reference types="react" />
+import { TooltipProps } from '../tooltips/Tooltip';
+export interface DynamicTabsDetails {
+    id: number;
+    text: string;
+    action: (tabName: string) => void;
+    displayText?: string;
+    tooltipProps?: TooltipProps;
+}
+export interface DynamicTabsStyleDetails {
+    type: 'SQUARE' | 'CAPSULE';
+    size?: 'REGULAR' | 'SMALL';
+    style?: {
+        [property: string]: string | number;
+    };
+}
+export interface DynamicTabsProps {
+    tabsInfo: DynamicTabsDetails[];
+    tabStyleInfo: DynamicTabsStyleDetails;
+    selectedTabId?: number;
+    wrapperStyle?: React.CSSProperties;
+    tabWidth?: string;
+}
+export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/dynamic-tabs/DynamicTabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../constants/Theme.js"),o=require("../tooltips/Tooltip.js"),s=require("../TypographyStyle.js");exports.DynamicTabs=d=>{const[i,l]=r.useState(0),{tabsInfo:a,tabStyleInfo:n}=d;return r.useEffect((()=>{void 0!==d.selectedTabId&&null!==d.selectedTabId&&l(d.selectedTabId)}),[d.selectedTabId]),e.jsx("div",{style:d.wrapperStyle??{},children:e.jsx("div",{style:{display:"flex",alignItems:"center",borderColor:t.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===n?.size?"unset":t.DEFAULT_THEME.colorsV2.surface.standard},children:a.map(((r,p)=>{const c="CAPSULE"===n.type?n.style?.borderTopLeftRadius??20:0===p&&"SQUARE"===n.type?n.style?.borderTopLeftRadius?n.style.borderTopLeftRadius:4:0,T="CAPSULE"===n.type?n.style?.borderTopLeftRadius??20:p===a.length-1&&"SQUARE"===n.type?n.style?.borderTopLeftRadius?n.style.borderTopLeftRadius:4:0,u=r.id===i?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(o.Tooltip,{...r.tooltipProps??{},children:e.jsx("div",{onClick:()=>{(e=>{l(e.id),e.action(e.text)})(r)},style:{cursor:"pointer",display:"flex",flex:1,width:d.tabWidth??"110px",borderTop:`1px solid ${u}`,borderBottom:`1px solid ${u}`,borderLeft:`1px solid ${u}`,borderRight:`${p===a.length-1&&"SQUARE"===n.type||"CAPSULE"===n.type||r.id===i?1:0}px solid ${u}`,backgroundColor:r.id===i?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:c,borderBottomLeftRadius:c,borderTopRightRadius:T,borderBottomRightRadius:T,padding:"SMALL"===n?.size?"2px 14px":"8px 24px",marginRight:n.style?.marginRight,justifyContent:"space-around"},children:e.jsx(s.BodySecondary,{style:{color:r.id===i?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.content.secondary},children:r.text})})},r.id)}))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("../../constants/Theme.js"),r=require("../tooltips/Tooltip.js"),d=require("../TypographyStyle.js");exports.DynamicTabs=s=>{var i;const[l,n]=o.useState(0),{tabsInfo:a,tabStyleInfo:c}=s;return o.useEffect((()=>{void 0!==s.selectedTabId&&null!==s.selectedTabId&&n(s.selectedTabId)}),[s.selectedTabId]),e.jsx("div",Object.assign({style:null!==(i=s.wrapperStyle)&&void 0!==i?i:{}},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",borderColor:t.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:"SMALL"===(null==c?void 0:c.size)?"unset":t.DEFAULT_THEME.colorsV2.surface.standard}},{children:a.map(((o,i)=>{var u,p,b,T,y,E,v,L,x;const g="CAPSULE"===c.type?null!==(p=null===(u=c.style)||void 0===u?void 0:u.borderTopLeftRadius)&&void 0!==p?p:20:0===i&&"SQUARE"===c.type?(null===(b=c.style)||void 0===b?void 0:b.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,f="CAPSULE"===c.type?null!==(y=null===(T=c.style)||void 0===T?void 0:T.borderTopLeftRadius)&&void 0!==y?y:20:i===a.length-1&&"SQUARE"===c.type?(null===(E=c.style)||void 0===E?void 0:E.borderTopLeftRadius)?c.style.borderTopLeftRadius:4:0,R=o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.stroke.primary;return e.jsx(r.Tooltip,Object.assign({},null!==(v=o.tooltipProps)&&void 0!==v?v:{},{children:e.jsx("div",Object.assign({onClick:()=>{(e=>{n(e.id),e.action(e.text)})(o)},style:{cursor:"pointer",display:"flex",flex:1,width:null!==(L=s.tabWidth)&&void 0!==L?L:"110px",borderTop:`1px solid ${R}`,borderBottom:`1px solid ${R}`,borderLeft:`1px solid ${R}`,borderRight:`${i===a.length-1&&"SQUARE"===c.type||"CAPSULE"===c.type||o.id===l?1:0}px solid ${R}`,backgroundColor:o.id===l?t.DEFAULT_THEME.colorsV2.background.brandLight:t.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:g,borderBottomLeftRadius:g,borderTopRightRadius:f,borderBottomRightRadius:f,padding:"SMALL"===(null==c?void 0:c.size)?"2px 14px":"8px 24px",marginRight:null===(x=c.style)||void 0===x?void 0:x.marginRight,justifyContent:"space-around"}},{children:e.jsx(d.BodySecondary,Object.assign({style:{color:o.id===l?t.DEFAULT_THEME.colorsV2.content.brand:t.DEFAULT_THEME.colorsV2.content.secondary}},{children:o.text}))}))}),o.id)}))}))}))};

package/dist/cjs/components/dynamic-tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './DynamicTabs';

package/dist/cjs/components/fab-menu/FABMenu.d.ts

@@ -1,28 +1,25 @@
-import React__default from 'react';
-import { DropdownOption } from '../dropdown/type.js';
-import { FAB_POSITION, DROP_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles.js';
-import { Placement } from '../tooltips/Tooltip.js';
-
-declare const FABMenu: React__default.FC<{
-    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
-    menuOptions: DropdownOption[];
-    buttonWidth?: number;
-    buttonHeight?: number;
-    buttonColor?: string;
-    buttonPosition?: FAB_POSITION;
-    menuWidth?: number;
-    menuHeight?: number;
-    buttonIcon?: JSX.Element;
-    buttonPaddingHorizontal?: number;
-    buttonPaddingVertical?: number;
-    tooltipPlacement?: Placement;
-    tooltipText?: string;
-    tooltipWidth?: number;
-    zIndex?: number;
-    isRound?: boolean;
-    dropPosition?: DROP_POSITION;
-    menuAligment?: MENU_ALIGNMENT;
-    version?: '1.0' | '2.0';
-}>;
-
-export { FABMenu };
+import React from 'react';
+import { DropdownOption } from '../dropdown/type';
+import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
+import { Placement } from '../tooltips';
+export declare const FABMenu: React.FC<{
+    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
+    menuOptions: DropdownOption[];
+    buttonWidth?: number;
+    buttonHeight?: number;
+    buttonColor?: string;
+    buttonPosition?: FAB_POSITION;
+    menuWidth?: number;
+    menuHeight?: number;
+    buttonIcon?: JSX.Element;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
+    tooltipPlacement?: Placement;
+    tooltipText?: string;
+    tooltipWidth?: number;
+    zIndex?: number;
+    isRound?: boolean;
+    dropPosition?: DROP_POSITION;
+    menuAligment?: MENU_ALIGNMENT;
+    version?: '1.0' | '2.0';
+}>;

package/dist/cjs/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=i=>{const{onSelect:e,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:s,menuWidth:p,menuHeight:c,buttonIcon:a,buttonPaddingHorizontal:g,buttonPaddingVertical:h,tooltipPlacement:b,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w,tooltipWidth:A}=i;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,{icon:a,width:d,height:u,color:l,position:s,buttonPaddingHorizontal:g,buttonPaddingVertical:h,tooltipPlacement:b,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w,tootipWidth:A,children:t.jsx(o.OpenedDropdown,{options:r,height:c||90,width:`${p}px`,onSelect:e,version:i.version})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=i=>{const{onSelect:e,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:s,buttonPosition:l,menuWidth:p,menuHeight:c,buttonIcon:a,buttonPaddingHorizontal:g,buttonPaddingVertical:h,tooltipPlacement:b,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w,tooltipWidth:A}=i;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:a,width:d,height:u,color:s,position:l,buttonPaddingHorizontal:g,buttonPaddingVertical:h,tooltipPlacement:b,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w,tootipWidth:A},{children:t.jsx(o.OpenedDropdown,{options:r,height:c||90,width:`${p}px`,onSelect:e,version:i.version})}))})};

package/dist/cjs/components/fab-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './FABMenu';

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

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

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

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

@@ -1,31 +1,34 @@
-interface FileMetaData {
-    fileId: string;
-    fileName: string;
-    fileSize: string;
-    fileType: string;
-    fileUrl: string;
-    uploadType: 'URL' | 'FileUpload';
-    uploadDate: Date;
-}
-interface FileUploadRules {
-    allowedFormats: string;
-    allowedSize: {
-        [key: string]: number;
-    };
-}
-interface FileMetaFromUrl {
-    type: string;
-    size: number;
-}
-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 type { FileMetaData, FileMetaFromUrl, FileUploadRules, FileUploaderProps };
+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

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

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

@@ -0,0 +1,8 @@
+import { FileMetaFromUrl } from "./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,13 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type FloaterProps = {
-    children?: React.ReactNode;
-    refElement: React.MutableRefObject<any>;
-    leftOffset?: number;
-    topOffset?: number;
-    useDefaultOffsets?: boolean;
-};
-declare const Floater: (props: FloaterProps) => react_jsx_runtime.JSX.Element | null;
-
-export { Floater };
-export type { FloaterProps };
+/// <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;

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 r=t.useRef(null),[i,n]=t.useState(0),[s,o]=t.useState(0),[u,l]=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 i=r?.current;i?(t>window.innerWidth-i.offsetWidth&&(t=window.innerWidth-i.offsetWidth-50),o(t)):o(t)})(e),(e=>{if(f.useDefaultOffsets)return void n(e.top);let t=e.top;f.topOffset&&(t=e.top+f.topOffset);const i=r?.current;if(!i)return void n(t);const s=window.innerHeight;e.top+i.offsetHeight>s&&(t=e.top-(e.top+i.offsetHeight-s)-10),n(t)})(e),l(!0)}})),u?e.jsx("div",{style:{top:i,left:s,position:"fixed",zIndex:1e3},children:e.jsx("div",{ref:r,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 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/floater/index.d.ts

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

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

@@ -1,24 +1,22 @@
-import React__default from 'react';
-import { Placement } from '../tooltips/Tooltip.js';
-import { FAB_POSITION, DROP_POSITION, MENU_ALIGNMENT } from './FloatingActionButton.styles.js';
-
-declare const FloatingActionButton: React__default.FC<{
-    onClick?: () => void;
-    children?: React__default.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;
-}>;
-
-export { FloatingActionButton };
+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"),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})})})})};
+"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-action-button/FloatingActionButton.styles.d.ts

@@ -1,62 +1,50 @@
-import * as react_bootstrap_esm_DropdownItem from 'react-bootstrap/esm/DropdownItem';
-import * as _restart_ui_esm_types from '@restart/ui/esm/types';
-import * as _restart_ui_esm_DropdownItem from '@restart/ui/esm/DropdownItem';
-import * as React from 'react';
-import * as _restart_ui_esm_Button from '@restart/ui/esm/Button';
-import * as react_bootstrap_esm_DropdownMenu from 'react-bootstrap/esm/DropdownMenu';
-import * as react_bootstrap_esm_DropdownToggle from 'react-bootstrap/esm/DropdownToggle';
-import * as react_bootstrap_esm_helpers from 'react-bootstrap/esm/helpers';
-import * as react_bootstrap from 'react-bootstrap';
-import * as styled_components from 'styled-components';
-
-declare enum FAB_POSITION {
-    TOP_LEFT = "top left",
-    TOP_RIGHT = "top right",
-    BOTTOM_LEFT = "bottom left",
-    BOTTOM_RIGHT = "botton right"
-}
-declare enum DROP_POSITION {
-    UP = "up",
-    UP_CENTERED = "up-centered",
-    START = "start",
-    END = "end",
-    DOWN = "down",
-    DOWN_CENTERED = "down-centered"
-}
-declare enum MENU_ALIGNMENT {
-    START = "start",
-    END = "end"
-}
-declare const FloatingActionButtonContainer: styled_components.StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    isRound?: boolean | undefined;
-}, never>;
-declare const FloatingActionButtonOuterContainer: styled_components.StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    position: FAB_POSITION;
-    buttonPaddingHorizontal: number;
-    buttonPaddingVertical: number;
-    zIndex: number;
-}, never>;
-declare const StyledDropdown: styled_components.StyledComponent<react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", react_bootstrap.DropdownProps> & {
-    Toggle: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"button", react_bootstrap_esm_DropdownToggle.DropdownToggleProps>;
-    Menu: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", react_bootstrap_esm_DropdownMenu.DropdownMenuProps>;
-    Item: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<_restart_ui_esm_types.DynamicRefForwardingComponent<React.ForwardRefExoticComponent<_restart_ui_esm_Button.ButtonProps & React.RefAttributes<HTMLElement>>, _restart_ui_esm_DropdownItem.DropdownItemProps>, react_bootstrap_esm_DropdownItem.DropdownItemProps>;
-    ItemText: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"span", unknown>;
-    Divider: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"hr", unknown>;
-    Header: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", unknown>;
-}, any, {
-    active?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-declare const DropdownToggleContainer: styled_components.StyledComponent<react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"button", react_bootstrap_esm_DropdownToggle.DropdownToggleProps>, any, {}, never>;
-declare const TooltipStyled: styled_components.StyledComponent<"div", any, {
-    tooltipWidth?: number | undefined;
-}, never>;
-
-export { DROP_POSITION, DropdownToggleContainer, FAB_POSITION, FloatingActionButtonContainer, FloatingActionButtonOuterContainer, MENU_ALIGNMENT, StyledDropdown, TooltipStyled };
+/// <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>;