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

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=({options:s,onSelect:c,version:r})=>{const[o,a]=t.useState("notSelected");function n(){"partiallySelected"===o&&c("notSelected"),"selectAll"===o&&c("notSelected"),"notSelected"===o&&c("selectAll")}return t.useEffect((()=>{const e=[];s.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?a("selectAll"):e.filter(Boolean).length>0?a("partiallySelected"):a("notSelected")}),[s]),e.jsx(i.ListItem,{version:r,onClick:e=>{e.preventDefault(),n()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",{style:{width:18,height:18},children:e.jsx(l.CheckBox,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===o||"partiallySelected"===o,isPartiallyChecked:"partiallySelected"===o,onValueChange:n})}),variant:"default"})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),o=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=s=>{const{onClear:l,onApply:i,list:u,buttonText:p,buttonOptions:y}=s,{primaryButtonText:a,primaryButtonType:c,secondaryButtonText:d,secondaryButtonType:x}=y??{},j=u.reduce(((e,t)=>{if(t.options){return e+t.options.filter((e=>!0===e.selected)).length}return t.selected?e+1:e}),0);return e.jsxs(n.BottomBarContainer,{style:{justifyContent:"space-between"},children:[e.jsx(r.BodySecondary,{style:{flex:1,color:o.COLORS.content.primary},children:j?`${j} selected`:""}),e.jsxs("div",{style:{flexDirection:"row",display:"flex",gap:12},children:[e.jsx(t.Button,{size:"small",buttonType:x||"primary",buttonText:d||"Clear",onClick:l}),e.jsx(t.Button,{size:"small",buttonText:a||p||"Apply",buttonType:c||"primary",onClick:()=>{i()}})]})]})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(e).default.div`
+	display: flex;
+	padding: 8px 16px;
+	flex-direction: row;
+	align-items: center;
+	justify-content: end;
+	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
+	background: ${t.COLORS.surface.standard};
+`;exports.BottomBarContainer=r;

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../icon-button/IconButton.js"),o=require("../../../../input/Input.js"),n=require("../../../../input/context/InputStyleProvider.js"),s=require("../../../../../constants/Theme.js"),i=require("../../../../../assets/icons/cross.svg.js"),c=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=({onSearch:a,version:u})=>{const[p,l]=t.useState(""),[d,h]=t.useState(!1);return e.jsx(n.InputStyleContext.Provider,{value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===u?.5:1}px solid ${s.COLORS.stroke.primary}`,padding:""+("2.0"===u?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}},children:e.jsx(o.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===u?"small":"default",leftIcon:{icon:()=>e.jsx(c.default,{width:"2.0"===u?18:24,height:"2.0"===u?18:24,color:s.COLORS.content.placeholder})},rightIcon:{icon:()=>p?e.jsx(r.IconButton,{onClick:()=>{h(!0),a(""),l("")},Icon:i.default,width:"2.0"===u?18:24,height:"2.0"===u?18:24,iconColor:s.COLORS.content.placeholder}):e.jsx(e.Fragment,{})},reset:d,onChangeText:e=>{h(!1),l(e),a(e)}})})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=({searchedString:r,height:i,isLoading:s,containerWidth:o})=>e.jsx("div",{style:{height:i,display:"flex",alignItems:"center"},children:e.jsx(t.ZeroState,{isLoading:s,title:"No results found",subTitle:`Sorry we could not find any results for "${r??""}"`,containerWidth:o})});

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSelectedOptionsAsText=function(t){if(t&&t.length)return t.map((t=>{const e=t;return e.selectedLabel??e.label})).join(", ")},exports.iterateOnOptions=function(t,e,o){return t.map((t=>{if(t.options){const n=t.options.map((t=>!o||o(t)?{...t,...e}:{...t}));return{...t,options:[...n]}}return!o||o(t)?{...t,...e}:{...t}}))},exports.iterateOnOptionsRaw=function(t,e){t.forEach((t=>{t.options?t.options.forEach(e):e(t)}))};

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=(l="1.0",s,n,o,c,i,r,u=[],a)=>{const[d,p]=e.useState(s??[]),[f,v]=e.useState([]),[O,h]=e.useState(""),m=e.useRef(d);e.useEffect((()=>{if(m.current=d,f.length&&O&&i){let e=[...f];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 l=t.find((t=>e.value===t.value));return l?{...e,selected:l.selected}:e})),r&&(e=e.map((e=>({...e,disabled:!u.includes(e.value)})))),v(c&&!o?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[d]),e.useEffect((()=>{if(s){const e=[...s];p(c&&!o?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[s]);const S=e=>{const t=[];return e.forEach((e=>{if(e.options){const l=e.options.filter((e=>!0===e.selected));t.push({...e,options:[...l]})}else e.selected&&t.push({...e})})),t},b=e=>{let t=0;return e.forEach((e=>{e.options?t+=e.options.filter((e=>!0===e.selected)).length:e.selected&&t++})),t},g=e=>!(!c||!a&&0!==a)&&b(e)>=a;function w(e,s){if(c){if(e.selected&&a&&g(d))return;if(f.length&&O&&i)if(e.selected){if(a&&g(d))return;let n=!1;const o=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n||o.push(e),s)return[...o];p([...o]),"2.0"===l&&E(o)}else{let n=!1,o=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value&&(n=!0,!0)));if(n&&(o=o.filter((t=>t.value!==e.value))),s)return[...o];p([...o]),"2.0"===l&&E(o)}else{const n=t.iterateOnOptions(d,{selected:e.selected},(t=>t.value===e.value));if(s)return[...n];p([...n]),"2.0"===l&&E(n)}}else n?.(e)}function E(e){const t=S(e??m.current);n?.([...t])}return{latestDropdownOptionsRef:m,dropdownOptions:d,search:function(e){if(h(e),v([]),e&&i){const l=[];t.iterateOnOptionsRaw(d,(e=>{e.selected&&!l.includes(e.value)&&l.push(e.value)})),i(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return{...t,options:t.options.map((e=>({...e,selected:l.includes(e.value)})))}}return{...e,selected:l.includes(e.value)}}));v([...t])}}))}},searchedString:O,searchedOptions:f,onApplyHandler:w,selectAllHandler:function(e){if(f.length&&O&&i)!function(e){let t=[...d];e?f.forEach((e=>{let l=!1;t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?(l=!0,{...t,selected:!0}):t})),l||t.push({...e,selected:!0})})):f.forEach((e=>{t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?{...t,selected:!1}:t}))})),p([...t]),"2.0"===l&&E(t)}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(d,{selected:!0},(e=>O?e.label?.toLowerCase().includes(O.toLowerCase())&&!e.disabled:!e.disabled));p([...e]),"2.0"===l&&E(e)}else if("notSelected"===e){const e=t.iterateOnOptions(d,{selected:!1},(e=>!e.disabled));p([...e]),"2.0"===l&&E(e)}},onMultiSelectClear:function(){const e=t.iterateOnOptions(d,{selected:!1});p([...e]),"2.0"===l&&E(e)},onFreeFormSelect:function(e){if(!c)return void w({label:O,value:O,isFreeForm:!0,selected:!0});const t=d.map((t=>t.options?t:{...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"===l&&E(t)},onMultiSelectApply:E,getSelectedOptions:S,getCurrentSelectionCount:b,isMaxSelectionsReached:g,maxSelections:a}};

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

@@ -0,0 +1,75 @@
+import { Placement, PositioningStrategy } from '@popperjs/core';
+export { Placement } from '@popperjs/core';
+import { ButtonProps, Type } from '../button/model.js';
+
+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;
+    };
+}
+type GroupedOption = {
+    label?: string;
+    leadingIcon?: JSX.Element;
+    options: (SingleOption | MultiSelectOption)[];
+};
+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;
+};
+type MultiSelectOption = SingleOption;
+type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;
+interface ButtonOptions {
+    primaryButtonText?: string;
+    primaryButtonType?: Type;
+    secondaryButtonText?: string;
+    secondaryButtonType?: Type;
+}
+
+export type { ButtonOptions, DropdownOption, GroupedOption, MultiSelectOption, OpenDropdownProps, SingleOption };

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

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

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

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

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

@@ -0,0 +1,9 @@
+"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}}const n=r(e).default.div`
+	display: flex;
+	flex-direction: row;
+	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}};
+	}
+`;exports.DropdownButtonStyle=n;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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