@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { MultiSelectOption, SingleOption } from '../../../type';
+interface MenuItemProps {
+    option: SingleOption | MultiSelectOption;
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (option: SingleOption) => void;
+    onDropdownItemClick?: (option: SingleOption) => void;
+    last?: boolean;
+    version?: '1.0' | '2.0';
+    useDefaultCursor?: boolean;
+}
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("styled-components"),r=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),o=require("../../../../tooltips/Tooltip.js"),l=require("../../../../TypographyStyle.js"),a=require("../../../../../constants/Theme.js"),c=require("./FreeFormMenu.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(i);const p=u.default(s.ListItem)`
+	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
+	cursor: pointer;
+	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
+`,g=u.default.div`
+	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
+	border-radius: ${e=>{let{version:t}=e;return"1.0"===t?"0":"8px"}};
+	padding: ${e=>{let{version:t}=e;return"1.0"===t?"0":"4px"}};
+	min-width: 148px;
+	border: ${e=>{let{version:t}=e;return"1.0"===t?`1px solid ${a.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"}};
+	max-height: 248px;
+	overflow-y: auto;
+`,x=n.forwardRef(((i,s)=>{let{option:d,isMultiSelect:u,showDescription:x,onSelect:v,last:j,version:b,onDropdownItemClick:h,useDefaultCursor:m}=i;var f;const[y,C]=n.useState(d.selected),I=(e,t)=>{if(!e.children){O(!e.selected);const n=t?Object.assign(Object.assign({},e),{parent:t}):e;null==h||h(n)}},O=e=>{d.disabled||v(Object.assign(Object.assign({},d),{selected:e}))},F=m?{cursor:"default"}:{};return e.jsx(e.Fragment,{children:e.jsx(o.Tooltip,Object.assign({body:"",tooltipContent:d.children?e.jsx("div",Object.assign({style:{backgroundColor:a.DEFAULT_THEME.colorsV2.surface.standard},ref:s,onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1)},{children:e.jsx(g,Object.assign({version:null!=b?b:"2.0"},{children:d.children.map((t=>{var n;return e.jsx(p,{version:b,style:"1.0"!==b&&(null!==(n=null==d?void 0:d.children)&&void 0!==n?n:[]).length-1?{borderBottom:0}:{},onClick:e=>{e.preventDefault(),I(t,d)},listItem:{value:t.value,label:t.label},subText:t.subText,leadingIcon:t.leadingIcon||void 0,customComponent:t.customComponent,trailingIcon:t.trailingIcon||void 0,variant:d.disabled?"inactive":t.selected?"selected":"default"},t.value)}))}))})):e.jsx(e.Fragment,{}),placement:"right-start",hideArrow:!0},{children:e.jsx(p,{version:b,style:j?Object.assign({borderBottom:0},F):Object.assign({},F),onClick:e=>{e.preventDefault(),I(d)},onMouseOver:()=>{d.description?x(d.label,d.description):x()},listItem:{value:d.value,label:d.label},subText:d.subText,leadingIcon:u?e.jsxs("div",Object.assign({style:{display:"flex",alignContent:"center",justifyContent:"center",gap:8}},{children:[e.jsx(r.CheckBox,{size:"2.0"===b?"SMALL":"DEFAULT",isDisabled:null!==(f=d.disabled)&&void 0!==f&&f,isChecked:!!d.selected,onValueChange:O}),e.jsx("div",Object.assign({style:{marginRight:"-4px"}},{children:d.leadingIcon}))]})):d.leadingIcon?e.jsx(e.Fragment,{children:d.leadingIcon}):void 0,customComponent:d.customComponent,trailingIcon:d.isFreeForm?e.jsx(c.FreeFormContainer,{children:e.jsx(l.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:"Freeform"}))}):d.children?e.jsx(t.default,{width:12,height:12}):d.trailingIcon?e.jsx(e.Fragment,{children:d.trailingIcon}):void 0,variant:d.disabled?"inactive":d.selected||!u&&y?"selected":"default"})}))})}));exports.MenuItem=x;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DropdownOption, SingleOption } from '../../../type';
+interface MenuListProps {
+    options: DropdownOption[];
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (optionSelect: SingleOption) => void;
+    version?: '1.0' | '2.0';
+    onInfiniteScroll?: () => void;
+    onDropdownItemClick?: (option: DropdownOption) => void;
+    useDefaultCursor?: boolean;
+}
+export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement[]>>;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("./MenuItem.js"),t=require("./MenuList.styled.js");const s=n.forwardRef(((s,o)=>{let{options:i,isMultiSelect:c,showDescription:l,onSelect:u,version:a,onInfiniteScroll:p,onDropdownItemClick:d,useDefaultCursor:f}=s;const j=n.useRef(null),g=n.useRef(null),m=n.useCallback((()=>{j.current&&j.current.disconnect(),j.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==p||p())})),g.current&&j.current.observe(g.current)}),[p]);return n.useEffect((()=>(m(),()=>{j.current&&j.current.disconnect()})),[m,i]),e.jsx(e.Fragment,{children:i.map(((n,s)=>{const p=s===i.length-1;if(n.options){const i=n;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===a?2:0}},{children:[e.jsxs(t.StyledGroupedLabel,Object.assign({version:a},{children:[i.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:i.leadingIcon})):null,i.label]})),i.options.map(((n,t)=>e.jsx(r.MenuItem,{version:a,last:t===i.options.length-1,onSelect:u,showDescription:l,onDropdownItemClick:d,isMultiSelect:c,option:n,useDefaultCursor:f,ref:e=>{o&&"object"==typeof o&&o.current&&e&&e&&e&&e&&(o.current[s]=e)}},`${s}-${t}`))),p?e.jsx("span",{ref:g}):null]}),s)}return e.jsxs("div",{children:[e.jsx(r.MenuItem,{version:a,last:p,onSelect:u,showDescription:l,onDropdownItemClick:d,isMultiSelect:c,option:n,useDefaultCursor:f,ref:e=>{o&&"object"==typeof o&&o.current&&e&&(o.current[s]=e)}},s),p?e.jsx("span",{ref:g}):null]},s)}))})}));exports.MenuList=s;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+} & {
+    version?: "1.0" | "2.0" | undefined;
+}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default(o.BodyCaption)`
+	padding: 8px ${e=>"2.0"===e.version?12:16}px;
+	color: ${e=>"2.0"===e.version?r.COLORS.content.placeholder:r.COLORS.content.secondary};
+	background-color: ${e=>"2.0"===e.version?r.COLORS.surface.standard:r.COLORS.background.base};
+	font-size: ${e=>"2.0"===e.version?10:12}px;
+`;exports.StyledGroupedLabel=n;

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySelected';
+export declare const SelectAllMenu: React.FC<{
+    options: DropdownOption[];
+    onSelect: (newState: SelectAllCheckboxState) => void;
+    version?: '1.0' | '2.0';
+}>;

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"),s=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=i=>{let{options:c,onSelect:r,version:o}=i;const[a,n]=t.useState("notSelected");function d(){"partiallySelected"===a&&r("notSelected"),"selectAll"===a&&r("notSelected"),"notSelected"===a&&r("selectAll")}return t.useEffect((()=>{const e=[];c.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)?n("selectAll"):e.filter(Boolean).length>0?n("partiallySelected"):n("notSelected")}),[c]),e.jsx(s.ListItem,{version:o,onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18,height:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===o?"SMALL":"DEFAULT",isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d})})),variant:"default"})};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonOptions, DropdownOption } from '../../../type';
+interface MultiSelectDropdownBottomBarProps {
+    onClear?: () => void;
+    onApply: () => void;
+    list: DropdownOption[];
+    buttonText?: string;
+    buttonOptions?: ButtonOptions;
+}
+declare const MultiSelectDropdownBottomBar: React.FC<MultiSelectDropdownBottomBarProps>;
+export default MultiSelectDropdownBottomBar;

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"),n=require("../../../../../constants/Theme.js"),o=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=s=>{const{onClear:i,onApply:l,list:u,buttonText:a,buttonOptions:c}=s,{primaryButtonText:p,primaryButtonType:y,secondaryButtonText:d,secondaryButtonType:x}=null!=c?c:{},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(o.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:n.COLORS.content.primary}},{children:j?`${j} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:x||"primary",buttonText:d||"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:p||a||"Apply",buttonType:y||"primary",onClick:()=>{l()}})]}))]}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -0,0 +1 @@
+export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SearchBox: React.FC<{
+    onSearch: (searchString: string) => void;
+    version?: '1.0' | '2.0';
+}>;

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"),n=require("../../../../input/Input.js"),o=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=a=>{let{onSearch:u,version:l}=a;const[p,d]=t.useState(""),[h,x]=t.useState(!1);return e.jsx(o.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===l?.5:1}px solid ${s.COLORS.stroke.primary}`,padding:""+("2.0"===l?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(n.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===l?"small":"default",leftIcon:{icon:()=>e.jsx(c.default,{width:"2.0"===l?18:24,height:"2.0"===l?18:24,color:s.COLORS.content.placeholder})},rightIcon:{icon:()=>p?e.jsx(r.IconButton,{onClick:()=>{x(!0),u(""),d("")},Icon:i.default,width:"2.0"===l?18:24,height:"2.0"===l?18:24,iconColor:s.COLORS.content.placeholder}):e.jsx(e.Fragment,{})},reset:h,onChangeText:e=>{x(!1),d(e),u(e)}})}))};

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const SearchZeroState: React.FC<{
+    searchedString: string;
+    height: number;
+    isLoading?: boolean;
+    containerWidth?: string;
+}>;

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=r=>{let{searchedString:i,height:s,isLoading:n,containerWidth:o}=r;return e.jsx("div",Object.assign({style:{height:s,display:"flex",alignItems:"center"}},{children:e.jsx(t.ZeroState,{isLoading:n,title:"No results found",subTitle:`Sorry we could not find any results for "${null!=i?i:""}"`,containerWidth:o})}))};

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { DropdownOption, SingleOption } from '../../type';
+export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => 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[];
+})[];
+export declare function iterateOnOptionsRaw(options: DropdownOption[], cb: (option: SingleOption) => void): void;
+export declare function getSelectedOptionsAsText(selectedOption: DropdownOption[]): string | undefined;
+export declare function getSelectedOptionsAsArray(selectedOption: DropdownOption[]): string[];

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=>{var e;const n=t;return null!==(e=n.selectedLabel)&&void 0!==e?e:n.label})).join(", ")},exports.iterateOnOptions=function(t,e,n){return t.map((t=>{if(t.options){const s=t.options.map((t=>!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)));return Object.assign(Object.assign({},t),{options:[...s]})}return!n||n(t)?Object.assign(Object.assign({},t),e):Object.assign({},t)}))},exports.iterateOnOptionsRaw=function(t,e){t.forEach((t=>{t.options?t.options.forEach(e):e(t)}))};

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("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

@@ -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,(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

@@ -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("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

@@ -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("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

@@ -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("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>;