@bikdotai/bik-component-library 0.0.22 → 0.0.23-4.beta-1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.22",
+	"version": "0.0.234.beta-1",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -50,9 +50,18 @@
 		"@lottiefiles/react-lottie-player": "^3.5.3",
 		"@popperjs/core": "^2.11.7",
 		"@tippyjs/react": "^4.2.6",
+		"@trendyol-js/react-carousel": "^3.0.2",
 		"bootstrap": "^5.1.3",
 		"browser-image-compression": "^2.0.2",
+		"chart.js": "^3.9.1",
+		"emoji-picker-react": "^4.4.9",
+		"lodash": "^4.17.21",
+		"phone": "^3.1.37",
 		"react-bootstrap": "^2.4.0",
+		"react-calendar": "^3.7.0",
+		"react-chartjs-2": "^4.3.1",
+		"react-easy-crop": "^4.7.4",
+		"react-image-crop": "^10.0.9",
 		"react-lottie": "^1.2.3",
 		"react-popper": "^2.3.0",
 		"react-toastify": "^9.1.2"
@@ -69,6 +78,7 @@
 		"@emotion/react": "^11.10.5",
 		"@emotion/styled": "^11.10.5",
 		"@mdx-js/react": "^1.6.22",
+		"@reduxjs/toolkit": "^1.6.2",
 		"@rollup/plugin-alias": "^5.0.0",
 		"@rollup/plugin-babel": "^6.0.3",
 		"@rollup/plugin-commonjs": "^24.0.0",
@@ -93,6 +103,7 @@
 		"@types/jest": "^29.2.5",
 		"@types/node": "^18.11.18",
 		"@types/react": "^18.0.26",
+		"@types/react-calendar": "^3.5.2",
 		"@types/react-dom": "^18.0.10",
 		"@types/styled-components": "^5.1.26",
 		"@types/testing-library__jest-dom": "^5.14.5",
@@ -100,6 +111,7 @@
 		"@typescript-eslint/parser": "^5.48.1",
 		"@zerollup/ts-transform-paths": "^1.7.18",
 		"babel-loader": "^9.1.2",
+		"date-fns": "^2.29.3",
 		"eslint": "8.31.0",
 		"eslint-config-prettier": "^8.6.0",
 		"eslint-plugin-jsx-a11y": "^6.7.1",
@@ -114,7 +126,12 @@
 		"lint-staged": "^13.2.0",
 		"prettier": "^2.8.2",
 		"react": "^18.2.0",
+		"react-calendar": "^3.7.0",
+		"react-chips": "^0.8.0",
 		"react-dom": "^18.2.0",
+		"react-native-uuid": "^2.0.1",
+		"react-redux": "^7.2.6",
+		"redux": "^4.1.2",
 		"rollup": "^2.79.1",
 		"rollup-plugin-copy": "^3.4.0",
 		"rollup-plugin-delete": "^2.0.0",
@@ -134,8 +151,14 @@
 	"peerDependencies": {
 		"@emotion/react": "^11.0.0",
 		"@emotion/styled": "^11.0.0",
+		"date-fns": "^2.29.3",
 		"react": "^16.8.0 || ^17 || ^18",
+		"react-calendar": "^3.7.0",
+		"react-chips": "^0.8.0",
 		"react-dom": "^16.8.0 || ^17 || ^18",
+		"react-native-uuid": "^2.0.1",
+		"react-redux": "^7.2.6",
+		"redux": "^4.1.2",
 		"styled-components": "^5.3.3"
 	},
 	"engines": {

package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("react-popper"),o=require("../Common.styled.js"),s=require("../opennedDropdown/components/OpennedDropdown.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=l(r).default.forwardRef(((l,i)=>{var{children:p}=l,u=e.__rest(l,["children"]);const a=i,[d,c]=r.useState(!1),[j,v]=r.useState(null),[f,b]=r.useState(null),{styles:O,attributes:w}=t.usePopper(j,f,{});return r.useImperativeHandle(a,(()=>({openDropdown:d})),[]),r.useEffect((()=>{(null==a?void 0:a.current)&&(a.current.openDropdown=d)}),[d]),n.jsxs(n.Fragment,{children:[n.jsxs("div",Object.assign({style:{position:"relative"},ref:v},{children:[n.jsx(o.OverLapAbs,{onClick:e=>{d?e.preventDefault():c(!0)}}),p]})),d&&n.jsx(o.OpenDropdownContainer,Object.assign({ref:b,style:Object.assign(Object.assign({},O.popper),{zIndex:3})},w.popper,{children:n.jsx(s.OpennedDropdown,Object.assign({},u,{onSelect:e=>{var n;null===(n=u.onSelect)||void 0===n||n.call(u,e),c(!1)},onClose:function(){var e;c(!1),null===(e=null==u?void 0:u.onClose)||void 0===e||e.call(u)}}))}))]})}));i.displayName="UnChildDropdown",exports.UnChildDropdown=i;

package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../../hooks/useOutside.js"),s=require("../utils/iterationOnOptions.js"),i=require("./description/Description.js"),l=require("./menu/FreeFormMenu.js"),o=require("./menu/MenuList.js"),r=require("./menu/SelectAllMenu.js"),u=require("./multiSelect/MultiSelectDropdownBottomBar.js"),c=require("./OpennedDropdown.styled.js"),a=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const p=304,j=290;exports.OpennedDropdown=h=>{let{options:f,isSearchable:S,isMultiSelect:O,width:b,allowFreeForm:x,height:m,onClose:g,onSelect:v}=h;const[q,M]=t.useState(null!=f?f:[]),[F,w]=t.useState(null!=b?b:j),[y,D]=t.useState(""),[A,B]=t.useState(null),C=t.useRef(null);n.useOutside(C,(()=>{B(null),null==g||g()}));const L=null!=m?m:p,E="number"==typeof L?S&&O?L-96:S&&!O||!S&&O?L-48:L:L;function Z(e){if(O){const t=s.iterateOnOptions(q,{selected:e.selected},(t=>t.value===e.value));M([...t])}else null==v||v(e)}t.useEffect((()=>{const e=null!=b?b:j;null===A?w(e):"number"==typeof e&&w(2*e)}),[A]);const _=q.map((e=>{var t;if(y){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.includes(y))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(y))?e:null}return e})).filter((e=>null!==e)),k=!!S&&y&&0===_.length;return e.jsxs(c.OpennedDropdownContainer,Object.assign({ref:C,style:{maxWidth:A?800:400,width:F,height:L}},{children:[e.jsxs("div",Object.assign({style:{width:A?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!S&&e.jsx(a.SearchBox,{onSearch:function(e){D(e)}}),e.jsxs(c.MenuListContainer,Object.assign({maxHeight:E},{children:[!!O&&!k&&e.jsx(r.SelectAllMenu,{options:q,onSelect:function(e){if("selectAll"===e){const e=s.iterateOnOptions(q,{selected:!0},(e=>!e.disabled));M([...e])}else if("notSelected"===e){const e=s.iterateOnOptions(q,{selected:!1},(e=>!e.disabled));M([...e])}}}),!x&&k&&e.jsx(d.SearchZeroState,{searchedString:y}),x&&k&&e.jsx(l.FreeFormMenu,{isMultiSelect:O,onSelect:function(e){if(!O)return void Z({label:y,value:y,isFreeForm:!0,selected:!0});const t=q.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===y&&t.value===y&&e})));e&&(t.some((e=>e.label===y&&e.value===y))||t.unshift({label:y,value:y,isFreeForm:!0,selected:!0})),M([...t])},searchedString:y}),e.jsx(o.MenuList,{onSelect:Z,showDescription:function(e,t){B(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:_})]})),!!O&&e.jsx(u.default,{onClear:function(){const e=s.iterateOnOptions(q,{selected:!1});M([...e])},onApply:function(){const e=[];q.forEach((t=>{if(t.options){const n=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...n]}))}else t.selected&&e.push(Object.assign({},t))})),null==v||v([...e])},list:q})]})),!!A&&e.jsx(i.Description,{title:A.title,description:A.description})]}))};

package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),t=require("../../../../../constants/Theme.js"),s=require("./Description.styled.js");exports.Description=i=>{let{title:n,description:o}=i;return e.jsx(s.DescriptionContainer,{children:e.jsxs("div",Object.assign({style:{padding:24}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:t.COLORS.content.primary,marginBottom:4}},{children:n})),e.jsx(r.BodySecondary,Object.assign({style:{color:t.COLORS.content.secondary}},{children:o}))]}))})};

package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.styled.d.ts

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

package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),n=require("../../../../TypographyStyle.js"),i=require("../../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");exports.FreeFormMenu=c=>{let{searchedString:l,onSelect:a,isMultiSelect:u}=c;const[j,m]=r.useState(!1);function x(){m(!j),a(!j)}return e.jsx(s.ListItem,{onClick:e=>{e.preventDefault(),x()},listItem:{label:l,value:l},trailingIcon:u?e.jsx(t.CheckBox,{isChecked:j,onValueChange:x}):e.jsx(e.Fragment,{}),leadingIcon:e.jsx(o.FreeFormContainer,{children:e.jsx(n.BodyCaption,Object.assign({style:{color:i.COLORS.content.secondary}},{children:"Freeform"}))})})};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../checkBox/CheckBox.js"),s=require("../../../../list-item/ListItem.js"),i=require("../../../../TypographyStyle.js"),r=require("../../../../../constants/Theme.js"),n=require("./FreeFormMenu.styled.js");exports.MenuItem=o=>{let{option:c,isMultiSelect:l,showDescription:a,onSelect:d}=o;var u;function j(e){c.disabled||d(Object.assign(Object.assign({},c),{selected:e}))}return e.jsx(s.ListItem,{onClick:e=>{e.preventDefault(),j(!c.selected)},onMouseOver:function(){c.descriptions?a(c.label,c.descriptions):a()},listItem:c,trailingIcon:l?e.jsx(t.CheckBox,{isDisabled:null!==(u=c.disabled)&&void 0!==u&&u,isChecked:!!c.selected,onValueChange:j}):e.jsx(e.Fragment,{}),leadingIcon:c.isFreeForm?e.jsx(n.FreeFormContainer,{children:e.jsx(i.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"Freeform"}))}):e.jsx(e.Fragment,{}),variant:c.disabled?"inactive":"default"})};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./MenuItem.js"),i=require("./MenuList.styled.js");exports.MenuList=s=>{let{options:r,isMultiSelect:n,showDescription:o,onSelect:l}=s;return e.jsx(e.Fragment,{children:r.map(((s,r)=>{if(s.options){const u=s;return e.jsxs("div",{children:[e.jsx(i.StyledGroupedLabel,{children:u.label}),u.options.map(((i,s)=>e.jsx(t.MenuItem,{onSelect:l,showDescription:o,isMultiSelect:n,option:i},s)))]},r)}return e.jsx(t.MenuItem,{onSelect:l,showDescription:o,isMultiSelect:n,option:s},r)}))})};

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),c=require("../../../../checkBox/CheckBox.js"),o=require("../../../../list-item/ListItem.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=r(l).default(o.ListItem)``;exports.SelectAllMenu=l=>{let{options:o,onSelect:r}=l;const[i,n]=t.useState("notSelected");function a(){"partiallySelected"===i&&r("notSelected"),"selectAll"===i&&r("notSelected"),"notSelected"===i&&r("selectAll")}return t.useEffect((()=>{const e=[];o.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")}),[o]),e.jsx(s,{onClick:e=>{e.preventDefault(),a()},listItem:{label:"Select All",value:"All"},trailingIcon:e.jsx(c.CheckBox,{isChecked:"selectAll"===i||"partiallySelected"===i,isPartiallyChecked:"partiallySelected"===i,onValueChange:a}),variant:"default"})};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../input/Input.js"),n=require("../../../../input/context/InputStyleProvider.js"),o=require("../../../../../constants/Theme.js"),i=require("../../../../../assets/icons/cross.svg.js"),s=require("../../../../../assets/icons/search.svg.js");exports.SearchBox=c=>{let{onSearch:u}=c;const a=r.createRef();return e.jsx(n.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+o.COLORS.stroke.primary,padding:"12px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(t.Input,{ref:a,placeholder:"Search",leftIcon:{icon:()=>e.jsx(s.default,{width:24,height:24,color:o.COLORS.content.placeholder})},rightIcon:{icon:()=>{var r;return(null===(r=null==a?void 0:a.current)||void 0===r?void 0:r.value)?e.jsx(i.default,{onClick:()=>{a.current&&(a.current.value=""),u("")},width:24,height:24,color:o.COLORS.content.placeholder}):e.jsx(e.Fragment,{})}},onChangeText:u})}))};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=t=>{let{searchedString:o}=t;return e.jsx(r.ZeroState,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=o?o:""}"`})};

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

@@ -1,24 +0,0 @@
-import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: SingleOption, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    options: {
-        label?: string | undefined;
-        value?: string | undefined;
-        descriptions?: string | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-    }[];
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-} | {
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-})[];

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.iterateOnOptions=function(s,t,e){return s.map((s=>{if(s.options){const n=s.options.map((s=>!e||e(s)?Object.assign(Object.assign({},s),t):Object.assign({},s)));return Object.assign(Object.assign({},s),{options:[...n]})}return!e||e(s)?Object.assign(Object.assign({},s),t):Object.assign({},s)}))};

package/dist/cjs/components/tooltips/CustomisedTooltip.d.ts

@@ -1,26 +0,0 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import React from 'react';
-export declare enum TooltipPlacement {
-    Top = "top",
-    Bottom = "bottom",
-    Right = "right",
-    Left = "left",
-    Auto_Start = "auto-start",
-    Auto = "auto",
-    Auto_end = "auto-end",
-    Top_Start = "top-start",
-    Top_End = "top-end",
-    Right_Start = "right-start",
-    Right_End = "right-end",
-    Bottom_End = "bottom-end",
-    Bottom_Start = "bottom-start",
-    Left_End = "left-end",
-    Left_Start = "left-start"
-}
-export declare const CustomisedTooltip: React.FC<{
-    tooltipContent: JSX.Element;
-    tooltipTriggerContent: JSX.Element;
-    tooltipPlacement: TooltipPlacement;
-    showOnHover: boolean;
-    isTooltipVisible?: boolean;
-}>;

package/dist/cjs/components/tooltips/CustomisedTooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e=require("react/jsx-runtime"),o=require("react"),r=require("react-bootstrap");exports.TooltipPlacement=void 0,(t=exports.TooltipPlacement||(exports.TooltipPlacement={})).Top="top",t.Bottom="bottom",t.Right="right",t.Left="left",t.Auto_Start="auto-start",t.Auto="auto",t.Auto_end="auto-end",t.Top_Start="top-start",t.Top_End="top-end",t.Right_Start="right-start",t.Right_End="right-end",t.Bottom_End="bottom-end",t.Bottom_Start="bottom-start",t.Left_End="left-end",t.Left_Start="left-start";exports.CustomisedTooltip=t=>{const{tooltipContent:i,tooltipPlacement:n,tooltipTriggerContent:s,showOnHover:a,isTooltipVisible:l=!0}=t,[p,u]=o.useState(!1),c=o.useRef(null);return e.jsx(r.OverlayTrigger,Object.assign({placement:n,target:c.current,show:p,overlay:l?e.jsx(r.Tooltip,Object.assign({id:`tooltip-${n}`},{children:i})):e.jsx(e.Fragment,{})},{children:e.jsx("div",Object.assign({ref:c,onMouseEnter:()=>{a&&u(!0)},onMouseLeave:()=>{a&&u(!1)},onClick:()=>{a||u(!p)}},{children:s}))}),n)};

package/dist/esm/components/dropdown/UnChildDropdown/UnChildDropdown.js

@@ -1 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsxs as e,Fragment as n,jsx as r}from"react/jsx-runtime";import t,{useState as l,useImperativeHandle as i,useEffect as p}from"react";import{usePopper as s}from"react-popper";import{OverLapAbs as c,OpenDropdownContainer as d}from"../Common.styled.js";import{OpennedDropdown as a}from"../opennedDropdown/components/OpennedDropdown.js";const m=t.forwardRef(((t,m)=>{var{children:u}=t,f=o(t,["children"]);const v=m,[j,b]=l(!1),[h,w]=l(null),[D,O]=l(null),{styles:g,attributes:y}=s(h,D,{});return i(v,(()=>({openDropdown:j})),[]),p((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),e(n,{children:[e("div",Object.assign({style:{position:"relative"},ref:w},{children:[r(c,{onClick:o=>{j?o.preventDefault():b(!0)}}),u]})),j&&r(d,Object.assign({ref:O,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},y.popper,{children:r(a,Object.assign({},f,{onSelect:o=>{var e;null===(e=f.onSelect)||void 0===e||e.call(f,o),b(!1)},onClose:function(){var o;b(!1),null===(o=null==f?void 0:f.onClose)||void 0===o||o.call(f)}}))}))]})}));m.displayName="UnChildDropdown";export{m as UnChildDropdown};

package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as l,useRef as o,useEffect as n}from"react";import{useOutside as i}from"../../../../hooks/useOutside.js";import{iterateOnOptions as s}from"../utils/iterationOnOptions.js";import{Description as r}from"./description/Description.js";import{FreeFormMenu as c}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as a}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as d,MenuListContainer as m}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as h}from"./searchbox/SearchZeroState.js";const b=304,j=290,S=S=>{let{options:g,isSearchable:v,isMultiSelect:O,width:x,allowFreeForm:F,height:w,onClose:y,onSelect:M}=S;const[D,A]=l(null!=g?g:[]),[B,C]=l(null!=x?x:j),[k,E]=l(""),[H,L]=l(null),W=o(null);i(W,(()=>{L(null),null==y||y()}));const Z=null!=w?w:b,q="number"==typeof Z?v&&O?Z-96:v&&!O||!v&&O?Z-48:Z:Z;function z(e){if(O){const t=s(D,{selected:e.selected},(t=>t.value===e.value));A([...t])}else null==M||M(e)}n((()=>{const e=null!=x?x:j;null===H?C(e):"number"==typeof e&&C(2*e)}),[H]);const G=D.map((e=>{var t;if(k){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.includes(k))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(k))?e:null}return e})).filter((e=>null!==e)),I=!!v&&k&&0===G.length;return e(d,Object.assign({ref:W,style:{maxWidth:H?800:400,width:B,height:Z}},{children:[e("div",Object.assign({style:{width:H?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!v&&t(f,{onSearch:function(e){E(e)}}),e(m,Object.assign({maxHeight:q},{children:[!!O&&!I&&t(a,{options:D,onSelect:function(e){if("selectAll"===e){const e=s(D,{selected:!0},(e=>!e.disabled));A([...e])}else if("notSelected"===e){const e=s(D,{selected:!1},(e=>!e.disabled));A([...e])}}}),!F&&I&&t(h,{searchedString:k}),F&&I&&t(c,{isMultiSelect:O,onSelect:function(e){if(!O)return void z({label:k,value:k,isFreeForm:!0,selected:!0});const t=D.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===k&&t.value===k&&e})));e&&(t.some((e=>e.label===k&&e.value===k))||t.unshift({label:k,value:k,isFreeForm:!0,selected:!0})),A([...t])},searchedString:k}),t(u,{onSelect:z,showDescription:function(e,t){L(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:G})]})),!!O&&t(p,{onClear:function(){const e=s(D,{selected:!1});A([...e])},onApply:function(){const e=[];D.forEach((t=>{if(t.options){const l=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...l]}))}else t.selected&&e.push(Object.assign({},t))})),null==M||M([...e])},list:D})]})),!!H&&t(r,{title:H.title,description:H.description})]}))};export{S as OpennedDropdown};

package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.js

@@ -1 +0,0 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import{TitleRegular as e,BodySecondary as o}from"../../../../TypographyStyle.js";import{COLORS as i}from"../../../../../constants/Theme.js";import{DescriptionContainer as n}from"./Description.styled.js";const s=s=>{let{title:c,description:l}=s;return t(n,{children:r("div",Object.assign({style:{padding:24}},{children:[t(e,Object.assign({style:{color:i.content.primary,marginBottom:4}},{children:c})),t(o,Object.assign({style:{color:i.content.secondary}},{children:l}))]}))})};export{s as Description};

package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.styled.d.ts

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

package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import{CheckBox as r}from"../../../../checkBox/CheckBox.js";import{ListItem as n}from"../../../../list-item/ListItem.js";import{BodyCaption as i}from"../../../../TypographyStyle.js";import{COLORS as c}from"../../../../../constants/Theme.js";import{FreeFormContainer as m}from"./FreeFormMenu.styled.js";const s=s=>{let{searchedString:l,onSelect:a,isMultiSelect:p}=s;const[f,h]=o(!1);function u(){h(!f),a(!f)}return e(n,{onClick:e=>{e.preventDefault(),u()},listItem:{label:l,value:l},trailingIcon:p?e(r,{isChecked:f,onValueChange:u}):e(t,{}),leadingIcon:e(m,{children:e(i,Object.assign({style:{color:c.content.secondary}},{children:"Freeform"}))})})};export{s as FreeFormMenu};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as o}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as n}from"./FreeFormMenu.styled.js";const c=c=>{let{option:l,isMultiSelect:a,showDescription:d,onSelect:m}=c;var p;function f(e){l.disabled||m(Object.assign(Object.assign({},l),{selected:e}))}return e(o,{onClick:e=>{e.preventDefault(),f(!l.selected)},onMouseOver:function(){l.descriptions?d(l.label,l.descriptions):d()},listItem:l,trailingIcon:a?e(i,{isDisabled:null!==(p=l.disabled)&&void 0!==p&&p,isChecked:!!l.selected,onValueChange:f}):e(t,{}),leadingIcon:l.isFreeForm?e(n,{children:e(s,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):e(t,{}),variant:l.disabled?"inactive":"default"})};export{c as MenuItem};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.js

@@ -1 +0,0 @@
-import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{MenuItem as i}from"./MenuItem.js";import{StyledGroupedLabel as n}from"./MenuList.styled.js";const r=r=>{let{options:s,isMultiSelect:l,showDescription:c,onSelect:p}=r;return t(e,{children:s.map(((e,r)=>{if(e.options){const s=e;return o("div",{children:[t(n,{children:s.label}),s.options.map(((e,o)=>t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},o)))]},r)}return t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},r)}))})};export{r as MenuList};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.d.ts

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

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.js

@@ -1,5 +0,0 @@
-import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as t}from"../../../../../constants/Theme.js";const n=o(r)`
-	padding: 8px 16px;
-	color: ${t.content.secondary};
-	background-color: ${t.background.base};
-`;export{n as StyledGroupedLabel};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import o from"styled-components";import{CheckBox as c}from"../../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../../list-item/ListItem.js";const r=o(i)``,n=o=>{let{options:i,onSelect:n}=o;const[a,s]=t("notSelected");function d(){"partiallySelected"===a&&n("notSelected"),"selectAll"===a&&n("notSelected"),"notSelected"===a&&n("selectAll")}return l((()=>{const e=[];i.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)?s("selectAll"):e.filter(Boolean).length>0?s("partiallySelected"):s("notSelected")}),[i]),e(r,{onClick:e=>{e.preventDefault(),d()},listItem:{label:"Select All",value:"All"},trailingIcon:e(c,{isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:d}),variant:"default"})};export{n as SelectAllMenu};

package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -1,8 +0,0 @@
-import e from"styled-components";const o=e.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);
-`;export{o as BottomBarContainer};

package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchBox.js

@@ -1 +0,0 @@
-import{jsx as r,Fragment as o}from"react/jsx-runtime";import{createRef as t}from"react";import{Input as e}from"../../../../input/Input.js";import{InputStyleContext as n}from"../../../../input/context/InputStyleProvider.js";import{COLORS as i}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import s from"../../../../../assets/icons/search.svg.js";const p=p=>{let{onSearch:a}=p;const l=t();return r(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+i.stroke.primary,padding:"12px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:r(e,{ref:l,placeholder:"Search",leftIcon:{icon:()=>r(s,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>{var t;return(null===(t=null==l?void 0:l.current)||void 0===t?void 0:t.value)?r(c,{onClick:()=>{l.current&&(l.current.value=""),a("")},width:24,height:24,color:i.content.placeholder}):r(o,{})}},onChangeText:a})}))};export{p as SearchBox};

package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchZeroState.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{ZeroState as r}from"../../../../zeroState/ZeroState.js";const e=e=>{let{searchedString:o}=e;return t(r,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=o?o:""}"`})};export{e as SearchZeroState};

package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts

@@ -1,24 +0,0 @@
-import { DropdownOption, SingleOption } from '../../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: SingleOption, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    options: {
-        label?: string | undefined;
-        value?: string | undefined;
-        descriptions?: string | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-    }[];
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-} | {
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-})[];

package/dist/esm/components/tooltips/CustomisedTooltip.d.ts

@@ -1,26 +0,0 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import React from 'react';
-export declare enum TooltipPlacement {
-    Top = "top",
-    Bottom = "bottom",
-    Right = "right",
-    Left = "left",
-    Auto_Start = "auto-start",
-    Auto = "auto",
-    Auto_end = "auto-end",
-    Top_Start = "top-start",
-    Top_End = "top-end",
-    Right_Start = "right-start",
-    Right_End = "right-end",
-    Bottom_End = "bottom-end",
-    Bottom_Start = "bottom-start",
-    Left_End = "left-end",
-    Left_Start = "left-start"
-}
-export declare const CustomisedTooltip: React.FC<{
-    tooltipContent: JSX.Element;
-    tooltipTriggerContent: JSX.Element;
-    tooltipPlacement: TooltipPlacement;
-    showOnHover: boolean;
-    isTooltipVisible?: boolean;
-}>;

package/dist/esm/components/tooltips/CustomisedTooltip.js

@@ -1 +0,0 @@
-import{jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as e,useRef as r}from"react";import{OverlayTrigger as n,Tooltip as i}from"react-bootstrap";var a;!function(t){t.Top="top",t.Bottom="bottom",t.Right="right",t.Left="left",t.Auto_Start="auto-start",t.Auto="auto",t.Auto_end="auto-end",t.Top_Start="top-start",t.Top_End="top-end",t.Right_Start="right-start",t.Right_End="right-end",t.Bottom_End="bottom-end",t.Bottom_Start="bottom-start",t.Left_End="left-end",t.Left_Start="left-start"}(a||(a={}));const s=a=>{const{tooltipContent:s,tooltipPlacement:l,tooltipTriggerContent:p,showOnHover:c,isTooltipVisible:d=!0}=a,[m,u]=e(!1),g=r(null);return t(n,Object.assign({placement:l,target:g.current,show:m,overlay:d?t(i,Object.assign({id:`tooltip-${l}`},{children:s})):t(o,{})},{children:t("div",Object.assign({ref:g,onMouseEnter:()=>{c&&u(!0)},onMouseLeave:()=>{c&&u(!1)},onClick:()=>{c||u(!m)}},{children:p}))}),l)};export{s as CustomisedTooltip,a as TooltipPlacement};