@bikdotai/bik-component-library 0.0.718-beta.7 → 0.0.718-beta.9

package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
+import { DropdownOption, SingleOption } from '../type';
+export declare const useDropdown: (version: string | undefined, options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, skipSorting?: boolean, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined, disableOtherSearchedOption?: boolean, disableSearchedOptionExcept?: string[], maxSelections?: number) => {
+    latestDropdownOptionsRef: import("react").MutableRefObject<DropdownOption[]>;
+    dropdownOptions: DropdownOption[];
+    search: (searchKey: string) => void;
+    searchedString: string;
+    searchedOptions: DropdownOption[];
+    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
+        label: string;
+        value: string;
+        description?: string | null | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+        subText?: string | undefined;
+        trailingIcon?: JSX.Element | undefined;
+        leadingIcon?: JSX.Element | undefined;
+        customComponent?: JSX.Element | undefined;
+        searchKey?: string | undefined;
+        selectedLabel?: string | undefined;
+        children?: SingleOption[] | undefined;
+        parent?: SingleOption | undefined;
+        'data-test'?: string | undefined;
+    } | {
+        label?: string | undefined;
+        value?: string | undefined;
+        description?: string | null | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isFreeForm?: boolean | undefined;
+        subText?: string | undefined;
+        trailingIcon?: JSX.Element | undefined;
+        leadingIcon?: JSX.Element | undefined;
+        customComponent?: JSX.Element | undefined;
+        searchKey?: string | undefined;
+        selectedLabel?: string | undefined;
+        children?: SingleOption[] | undefined;
+        parent?: SingleOption | undefined;
+        'data-test'?: string | undefined;
+        options: SingleOption[];
+    })[] | undefined;
+    selectAllHandler: (newState: SelectAllCheckboxState) => void;
+    onMultiSelectClear: () => void;
+    onFreeFormSelect: (selected: boolean) => void;
+    onMultiSelectApply: (options?: DropdownOption[]) => void;
+    getSelectedOptions: (data: DropdownOption[]) => DropdownOption[];
+    getCurrentSelectionCount: (data: DropdownOption[]) => number;
+    isMaxSelectionsReached: (data: DropdownOption[]) => boolean;
+    maxSelections: number | undefined;
+};

package/dist/cjs/components/dropdown/hooks/useDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=function(){let s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1.0",n=arguments.length>1?arguments[1]:void 0,l=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,c=arguments.length>4?arguments[4]:void 0,o=arguments.length>5?arguments[5]:void 0,a=arguments.length>6?arguments[6]:void 0,u=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[],r=arguments.length>8?arguments[8]:void 0;const[d,p]=e.useState(null!=n?n:[]),[v,f]=e.useState([]),[O,g]=e.useState(""),b=e.useRef(d);e.useEffect((()=>{if(b.current=d,v.length&&O&&o){let e=[...v];const t=d.map((e=>{if(e.options)return e.options.map((e=>({value:e.value,selected:e.selected})));const t=e;return{value:t.value,selected:t.selected}})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),a&&(e=e.map((e=>Object.assign(Object.assign({},e),{disabled:!u.includes(e.value)})))),f(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[d]),e.useEffect((()=>{if(n){const e=[...n];p(c&&!i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]);const h=e=>{const t=[];return e.forEach((e=>{if(e.options){const s=e.options.filter((e=>!0===e.selected));t.push(Object.assign(Object.assign({},e),{options:[...s]}))}else e.selected&&t.push(Object.assign({},e))})),t},j=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},m=e=>!(!c||!r&&0!==r)&&j(e)>=r;function S(e,n){if(c){if(e.selected&&r&&m(d))return;if(v.length&&O&&o)if(e.selected){if(r&&m(d))return;let l=!1;const i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||i.push(e),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{let l=!1,i=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(i=i.filter((t=>t.value!==e.value))),n)return[...i];p([...i]),"2.0"===s&&w(i)}else{const l=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value));if(n)return[...l];p([...l]),"2.0"===s&&w(l)}}else null==l||l(e)}function w(e){const t=h(null!=e?e:b.current);null==l||l([...t])}return{latestDropdownOptionsRef:b,dropdownOptions:d,search:function(e){if(g(e),f([]),e&&o){const s=[];t.iterateOnOptionsRaw(d,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),o(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));f([...t])}}))}},searchedString:O,searchedOptions:v,onApplyHandler:S,selectAllHandler:function(e){if(v.length&&O&&o)!function(e){let t=[...d];e?v.forEach((e=>{let s=!1;t=t.map((t=>{const n=e;return void 0!==n.value&&n.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):v.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),p([...t]),"2.0"===s&&w(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},(e=>{var t;return O?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(O.toLowerCase()))&&!e.disabled:!e.disabled}));p([...e]),"2.0"===s&&w(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===s&&w(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===s&&w(e)},onFreeFormSelect:function(e){if(!c)return void S({label:O,value:O,isFreeForm:!0,selected:!0});const t=d.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===O&&t.value===O?e:t.selected})));e&&(t.some((e=>e.label===O&&e.value===O))||t.unshift({label:O,value:O,isFreeForm:!0,selected:!0})),p([...t]),"2.0"===s&&w(t)},onMultiSelectApply:w,getSelectedOptions:h,getCurrentSelectionCount:j,isMaxSelectionsReached:m,maxSelections:r}};

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

@@ -0,0 +1,6 @@
+import { DropdownPopover } from './DropdownPopover';
+export * from './Dropdown';
+export * from './ChipDropdown';
+export { DropdownPopover };
+export * from './OpenedDropdown';
+export * from './MenuItem/MenuItem';

package/dist/cjs/components/dropdown/type.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+import { Placement, PositioningStrategy } from '@popperjs/core';
+import { ButtonProps, Type } from '../button/model';
+export interface OpenDropdownProps {
+    defaultOptions?: DropdownOption[];
+    options: DropdownOption[];
+    isSearchable?: boolean;
+    error?: string;
+    isMultiSelect?: boolean;
+    maxSelections?: number;
+    width?: string;
+    height?: number | string;
+    allowFreeForm?: boolean;
+    onClose?: (selectedData?: DropdownOption | DropdownOption[]) => void;
+    onSelect?: (option: DropdownOption | DropdownOption[]) => void;
+    placement?: Placement;
+    strategy?: PositioningStrategy;
+    onSearch?: (key: string) => Promise<DropdownOption[]>;
+    version?: '1.0' | '2.0';
+    skipSorting?: boolean;
+    headerRef?: any;
+    hideSelectAll?: boolean;
+    primaryButtonText?: string;
+    onInfiniteScroll?: () => void;
+    onMultiSelectClear?: () => void;
+    onDropdownItemClick?: (option: DropdownOption) => void;
+    buttonOptions?: ButtonOptions;
+    isSearchLoading?: boolean;
+    disableSearchOptions?: boolean;
+    disableSearchedOptionExcept?: string[];
+    useDefaultCursor?: boolean;
+    'data-test'?: string;
+    containerStyle?: React.CSSProperties;
+    zeroState?: {
+        Icon?: React.ReactNode;
+        IconHolderStyle?: React.CSSProperties;
+        actionButton?: ButtonProps;
+        buttonWidth?: number;
+        title: string;
+        subTitle?: string;
+    };
+}
+export type GroupedOption = {
+    label?: string;
+    leadingIcon?: JSX.Element;
+    options: (SingleOption | MultiSelectOption)[];
+};
+export type SingleOption = {
+    label: string;
+    value: string;
+    description?: string | null;
+    selected?: boolean;
+    disabled?: boolean;
+    isFreeForm?: boolean;
+    subText?: string;
+    trailingIcon?: JSX.Element;
+    leadingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
+    searchKey?: string;
+    selectedLabel?: string;
+    children?: SingleOption[];
+    parent?: SingleOption;
+    'data-test'?: string;
+};
+export type MultiSelectOption = SingleOption;
+export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;
+export interface ButtonOptions {
+    primaryButtonText?: string;
+    primaryButtonType?: Type;
+    secondaryButtonText?: string;
+    secondaryButtonType?: Type;
+}
+export type { Placement };

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),o=require("../../node_modules/react/jsx-runtime.js"),r=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 t=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 n=require("../button/themes.js"),s=require("../spinner/Spinner.js"),i=require("./DropdownButton.style.js");exports.DropdownButton=d=>{var p,u;const j=d.buttonProps,a=e.__rest(j,["onClick"]);return o.jsxRuntimeExports.jsxs(i.DropdownButtonStyle,Object.assign({type:d.buttonProps.buttonType,disabled:d.buttonProps.disabled},{children:[(null===(p=d.buttonProps)||void 0===p?void 0:p.isLoading)&&o.jsxRuntimeExports.jsx(i.LoaderContainer,{children:o.jsxRuntimeExports.jsx(s.Spinner,{className:"spinner",size:"small",color:n.SpinnerColorMap(d.buttonProps.buttonType||"primary",d.buttonProps.inverse)})}),o.jsxRuntimeExports.jsx(t.Button,Object.assign({},d.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),o.jsxRuntimeExports.jsx("div",{className:"dd-button-divider"}),o.jsxRuntimeExports.jsx(r.DropdownPopover,Object.assign({},d.dropdownProps,{isChildLoading:null===(u=d.buttonProps)||void 0===u?void 0:u.isLoading},{children:o.jsxRuntimeExports.jsx(t.Button,Object.assign({},a,{isLoading:!1,buttonText:"",TrailingIcon:d.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};

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

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

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

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
+	display: flex;
+	flex-direction: row;
+	width: max-content;
+	position: relative;
+	align-items: stretch;
+	.dd-button-divider {
+		width: ${e=>["primary","destructive"].includes(e.type)?"1px":"0px"};
+		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}};
+	}
+`,o=i.default.div`
+	position: absolute;
+	inset: 0;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	border-radius: 4px;
+	background: ${t.BASE_COLORS.brand[50]};
+	z-index: 3;
+`;exports.DropdownButtonStyle=n,exports.LoaderContainer=o;

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

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

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

@@ -0,0 +1,24 @@
+/// <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

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

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

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

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

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

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

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/FileUploaderStyle.js

@@ -0,0 +1,166 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),i=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const d=r.default.div`
+	height: 100%;
+	width: 440px;
+	border: 1px dashed ${i.COLORS.stroke.primary};
+	border-radius: 4px;
+	gap: 24px;
+	align-items: cneter;
+	background-color: ${i.COLORS.surface.subdued};
+	.fileUploader {
+		display: flex;
+		flex-direction: column;
+		padding: 24px;
+		gap: 32px;
+		&__header {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			gap: 8px;
+			&__icon {
+				cursor: default;
+				display: flex;
+				width: 80px;
+				height: 80px;
+				background-color: ${i.COLORS.background.base};
+				border-radius: 50%;
+				align-items: center;
+				justify-content: center;
+			}
+			&__title {
+				cursor: default;
+				display: flex;
+				width: calc(100% - 24px);
+				justify-content: center;
+				padding-top: 8px;
+			}
+			&__caption {
+				cursor: default;
+			}
+		}
+		&__body {
+			display: flex;
+			flex-direction: column;
+			gap: 16px;
+			&__divider {
+				display: flex;
+				.left {
+					border-top: 1px solid ${i.COLORS.stroke.primary};
+					flex-grow: 1;
+					margin-top: 8px;
+					margin-right: 8px;
+				}
+				.right {
+					border-top: 1px solid ${i.COLORS.stroke.primary};
+					flex-grow: 1;
+					margin-top: 8px;
+					margin-left: 8px;
+				}
+			}
+			&__upload {
+				display: flex;
+				flex-direction: row;
+				width: 100%;
+				height: 40px;
+				border: 1px solid ${i.COLORS.content.brand};
+				border-radius: 4px;
+				label {
+					width: 100%;
+					height: 100%;
+					cursor: pointer;
+					.file-uploader {
+						display: flex;
+						flex-direction: row;
+						width: 100%;
+						height: 100%;
+						align-items: center;
+						justify-content: center;
+						color: ${i.COLORS.content.brand};
+						gap: 10px;
+					}
+				}
+			}
+			&__cancel-button {
+				align-self: center;
+			}
+		}
+	}
+
+	.fileUploadError {
+		height: 36px;
+		width: 100%;
+		position: relative;
+	}
+`,o=r.default.div`
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	width: 440px;
+	border: 1px dashed ${i.COLORS.stroke.primary};
+	border-radius: 4px;
+	gap: 24px;
+	align-items: cneter;
+	background-color: ${i.COLORS.surface.subdued};
+	padding: 60px 16px;
+	.fileUploaded {
+		width: 100%;
+		&__header {
+			display: flex;
+			flex-direction: column;
+			width: 100%;
+			align-items: center;
+			justify-content: center;
+			gap: 16px;
+			&__icon {
+				display: flex;
+				width: 80px;
+				height: 80px;
+				background-color: ${i.COLORS.background.positive.vibrant};
+				border-radius: 50%;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+		&__body {
+			display: flex;
+			flex-direction: column;
+			width: 100%;
+			gap: 24px;
+			&__file-detail {
+				display: flex;
+				flex-direction: row;
+				height: 56px;
+				background-color: ${i.COLORS.surface.standard};
+				border: 1px solid ${i.COLORS.stroke.primary};
+				border-radius: 4px;
+				align-items: center;
+				padding: 16px;
+				gap: 12px;
+				&__icon {
+					display: flex;
+					width: fit-content;
+				}
+				&__name {
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+				}
+				&__size {
+					display: flex;
+					margin-left: auto;
+					width: fit-content;
+				}
+			}
+			&__buttons {
+				display: flex;
+				flex-direction: row;
+				gap: 12px;
+				&__edit,
+				&__done {
+					display: flex;
+					flex: 1;
+				}
+			}
+		}
+	}
+`;exports.FileUploadedStyle=o,exports.FileUploaderStyle=d;

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

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

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

@@ -0,0 +1,9 @@
+/// <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

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

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

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

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

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

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

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

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

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