@bikdotai/bik-component-library 0.0.2-chips-beta → 0.0.2

package/dist/cjs/components/datePicker/DatePicker.styled.d.ts

@@ -1,4 +0,0 @@
-import 'react-calendar/dist/Calendar.css';
-export declare const PickerContainer: import("styled-components").StyledComponent<"div", any, {
-    selectRange: boolean;
-}, never>;

package/dist/cjs/components/datePicker/DatePicker.styled.js

@@ -1,156 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../constants/Theme.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const o=a(r).default.div`
-	position: relative;
-	z-index: 99999;
-
-	.react-calendar {
-		background: ${e.COLORS.text.white};
-		border-width: 1px;
-		border-style: solid;
-		border-color: ${e.COLORS.text.white};
-		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
-		border-radius: 4px;
-		color: ${e.COLORS.text.primary};
-		&--selectRange {
-			.react-calendar {
-				&__year-view {
-					.react-calendar__tile--hover {
-						background-color: unset;
-					}
-				}
-				&__month-view {
-					.react-calendar__tile--hover {
-						background-color: ${e.COLORS.background.brandLight};
-					}
-				}
-			}
-		}
-		.react-calendar {
-			&__tile {
-				transition: all 0.25s;
-				&:enabled:hover {
-					background-color: ${e.COLORS.surface.hovered};
-					border-radius: 4px;
-				}
-				&--hasActive:enabled:hover,
-				&--hasActive:enabled:focus {
-					background: ${e.COLORS.background.brand};
-					color: ${e.COLORS.text.white};
-				}
-				&.react-calendar__tile {
-					&--range {
-						&:enabled:hover {
-							border-radius: 0;
-						}
-					}
-					&--rangeStart {
-						border-top-right-radius: 0;
-						border-bottom-right-radius: 0;
-						border-top-left-radius: 4px !important;
-						border-bottom-left-radius: 4px !important;
-						background: ${e.COLORS.background.brand};
-						color: ${e.COLORS.text.white};
-
-						&:enabled:hover {
-							border-top-right-radius: 0;
-							background: ${e.COLORS.background.brand};
-							border-color: ${e.COLORS.background.brand};
-							border-bottom-right-radius: 0;
-						}
-						&.react-calendar__tile--rangeEnd {
-							${r=>(r=>r.selectRange?"\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    ":"\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    ")(r)}
-							border-top-left-radius: 4px;
-							border-bottom-left-radius: 4px;
-							&:enabled:hover {
-								background: ${e.COLORS.background.brand};
-								border-color: ${e.COLORS.background.brand};
-								border-top-right-radius: 0;
-								border-bottom-right-radius: 0;
-								border-top-left-radius: 4px !important;
-								border-bottom-left-radius: 4px !important;
-							}
-						}
-					}
-					&--rangeEnd {
-						border-top-left-radius: 0;
-						border-bottom-left-radius: 0;
-						border-top-right-radius: 4px !important;
-						border-bottom-right-radius: 4px !important;
-						background: ${e.COLORS.background.brand};
-						color: ${e.COLORS.text.white};
-
-						&:enabled:hover {
-							border-top-left-radius: 0;
-							background: ${e.COLORS.background.brand};
-							border-color: ${e.COLORS.background.brand};
-							border-bottom-left-radius: 0;
-						}
-					}
-				}
-			}
-		}
-
-		.react-calendar__tile--active {
-			background: ${e.COLORS.background.brandLight};
-			color: ${e.COLORS.text.primary};
-		}
-
-		.react-calendar__tile--now {
-			background: ${e.COLORS.text.white};
-			border-radius: 4px;
-			border-color: ${e.COLORS.background.brand};
-			border-style: solid;
-			border-width: 1px;
-		}
-
-		.react-calendar__month-view__weekdays__weekday {
-			font-style: normal;
-			overflow: hidden;
-			font-weight: 600;
-			font-size: 14px;
-			line-height: 20px;
-			color: ${e.COLORS.text.primary};
-
-			abbr[title] {
-				text-decoration: none !important;
-			}
-		}
-
-		.react-calendar__navigation button:enabled:hover,
-		.react-calendar__navigation button:enabled:focus {
-			background-color: ${e.COLORS.background.brandLight};
-			border-radius: 4px;
-		}
-
-		.react-calendar__month-view__weekends {
-			color: ${e.COLORS.text.primary};
-		}
-
-		.react-calendar__month-view__days__day--weekend {
-			color: ${e.COLORS.text.primary};
-		}
-
-		.react-calendar__month-view__weekdays {
-			background: ${e.COLORS.surface.subdued};
-		}
-
-		.react-calendar__navigation {
-			display: flex;
-			padding: 12px 20px;
-
-			button {
-				border: 0;
-				background: transparent;
-			}
-
-			.react-calendar__navigation__arrow
-				react-calendar__navigation__prev2-button {
-				font-size: 20px;
-			}
-
-			.react-calendar__navigation__arrow
-				react-calendar__navigation__prev-button {
-				font-size: 20px;
-			}
-		}
-	}
-`;exports.PickerContainer=o;

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

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

package/dist/cjs/components/dropdown/Common.styled.d.ts

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

package/dist/cjs/components/dropdown/Common.styled.js

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
-	position: absolute;
-	left: 0px;
-	top: 0px;
-	width: 100%;
-	height: 100%;
-	z-index: 2;
-	cursor: pointer;
-`,d=o.default.div`
-	margin-top: 8px;
-	margin-bottom: 8px;
-`;o.default.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	padding: 6px 8px;
-	background: ${r.COLORS.surface.hovered};
-	border: 1px solid ${r.COLORS.stroke.primary};
-	border-radius: 4px;
-`,exports.OpenDropdownContainer=d,exports.OverLapAbs=i;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from './type';
-export type DropdownProps = OpenDropdownProps & {
-    placeHolder?: string;
-    size?: 'default' | 'small';
-    disabled?: boolean;
-};
-export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("../../constants/Theme.js"),o=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),l=require("../input/context/InputStyleProvider.js"),s=require("./DropdownPopover/index.js");function a(){}const d=d=>{var u,p,{placeHolder:c,size:v,onSelect:h,defaultOptions:j,disabled:g}=d,f=e.__rest(d,["placeHolder","size","onSelect","defaultOptions","disabled"]);const x=null!=v?v:"default",b=r.useRef(),[w,m]=r.useState(null!=j?j:[]);r.useEffect((()=>{var e;const t=[];null===(e=null==f?void 0:f.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),m([...t])}),[f.options]);const O=w.length?w.map((e=>e.label)).join(", "):void 0;return t.jsx(l.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===x?32:48,width:null!==(u=f.width)&&void 0!==u?u:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(s.DropdownPopover,Object.assign({ref:b,onSelect:function(e){Array.isArray(e)?m([...e]):m([e]),null==h||h(e)},disabled:g},f,{children:t.jsx(i.Input,{state:g?"disabled":"none",value:O,errorMessage:f.error,variant:x,placeholder:null!=c?c:"Select an option",width:null!==(p=f.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>{var e;return t.jsx(o.default,{style:{transform:(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===x?20:24,height:"small"===x?20:24,color:n.COLORS.content.primary})}}})}))}))};d.displayName="Dropdown",exports.Dropdown=d;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../type';
-export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    children?: React.ReactNode;
-    disabled?: boolean | undefined;
-} & React.RefAttributes<{
-    openDropdown: boolean;
-}>>;

package/dist/cjs/components/dropdown/DropdownPopover/index.js

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

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../../type';
-export declare const OpenedDropdown: React.FC<OpenDropdownProps>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../../hooks/useOutside.js"),n=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,f=290;exports.OpenedDropdown=j=>{let{options:h,isSearchable:S,isMultiSelect:O,width:b,allowFreeForm:x,height:m,onClose:g,onSelect:v}=j;const[q,M]=t.useState(null!=h?h:[]),[F,w]=t.useState(null!=b?b:f),[y,D]=t.useState(""),[A,B]=t.useState(null),C=t.useRef(null);s.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 W(e){if(O){const t=n.iterateOnOptions(q,{selected:e.selected},(t=>t.value===e.value));M([...t])}else null==v||v(e)}t.useEffect((()=>{const e=null!=b?b:f;if(null===A)w(e);else if("number"==typeof e)w(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));w(t)}}),[A]);const Z=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)),_=!!S&&y&&0===Z.length;return e.jsxs(c.OpennedDropdownContainer,Object.assign({ref:C,style:{maxWidth:A?800:400,width:F}},{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&&!_&&e.jsx(r.SelectAllMenu,{options:q,onSelect:function(e){if("selectAll"===e){const e=n.iterateOnOptions(q,{selected:!0},(e=>!e.disabled));M([...e])}else if("notSelected"===e){const e=n.iterateOnOptions(q,{selected:!1},(e=>!e.disabled));M([...e])}}}),!x&&_&&e.jsx(d.SearchZeroState,{searchedString:y}),x&&_&&e.jsx(l.FreeFormMenu,{isMultiSelect:O,onSelect:function(e){if(!O)return void W({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:W,showDescription:function(e,t){B(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:Z})]})),!!O&&e.jsx(u.default,{onClear:function(){const e=n.iterateOnOptions(q,{selected:!1});M([...e])},onApply:function(){const e=[];q.forEach((t=>{if(t.options){const s=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...s]}))}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/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -1,5 +0,0 @@
-export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
-    maxHeight: number | string;
-}, never>;

package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);const i=r.default.div`
-	border-radius: 4px;
-	border: 1px solid ${t.COLORS.stroke.primary};
-	max-height: 640px;
-	overflow: hidden;
-	display: flex;
-	flex-direction: row;
-	position: relative;
-`;r.default.div`
-	padding: 14px 16px 14px 18px;
-	flex-direction: row;
-	align-items: center;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: ${t.COLORS.stroke.primary};
-	width: 100%;
-	heigth: 100%;
-`;const d=r.default.div`
-	max-height: ${e=>"number"==typeof e.maxHeight?`${e.maxHeight}px`:e.maxHeight};
-	overflow-y: auto;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-`;exports.MenuListContainer=d,exports.OpennedDropdownContainer=i;

package/dist/cjs/components/dropdown/OpenedDropdown/components/description/Description.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const Description: React.FC<{
-    title: string;
-    description: string;
-}>;

package/dist/cjs/components/dropdown/OpenedDropdown/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/OpenedDropdown/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/OpenedDropdown/components/description/Description.styled.js

@@ -1,5 +0,0 @@
-"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 o=r(e).default.div`
-	background: ${t.COLORS.surface.standard};
-	border-left: 1px solid ${t.COLORS.stroke.primary};
-	width: 50%;
-`;exports.DescriptionContainer=o;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const FreeFormMenu: React.FC<{
-    isMultiSelect?: boolean;
-    searchedString: string;
-    onSelect: (isChecked: boolean) => void;
-}>;

package/dist/cjs/components/dropdown/OpenedDropdown/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/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts

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

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

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=t(e).default.div`
-	padding: 4px 8px;
-	background: ${r.COLORS.surface.subdued};
-	border: 1px solid ${r.COLORS.stroke.primary};
-	border-radius: 4px;
-`;exports.FreeFormContainer=o;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { MultiSelectOption, SingleOption } from '../../../type';
-export declare const MenuItem: React.FC<{
-    option: SingleOption | MultiSelectOption;
-    isMultiSelect?: boolean;
-    showDescription: (title?: string, description?: string) => void;
-    onSelect: (option: SingleOption) => void;
-}>;

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

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

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DropdownOption, SingleOption } from '../../../type';
-export declare const MenuList: React.FC<{
-    options: DropdownOption[];
-    isMultiSelect?: boolean;
-    showDescription: (title?: string, description?: string) => void;
-    onSelect: (optionSelect: SingleOption) => void;
-}>;

package/dist/cjs/components/dropdown/OpenedDropdown/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/OpenedDropdown/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/OpenedDropdown/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/OpenedDropdown/components/menu/SelectAllMenu.d.ts

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

package/dist/cjs/components/dropdown/OpenedDropdown/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"},leadingIcon:e.jsx(c.CheckBox,{isChecked:"selectAll"===i||"partiallySelected"===i,isPartiallyChecked:"partiallySelected"===i,onValueChange:a}),variant:"default"})};

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../button/Button.js"),r=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=o=>{let{onApply:l,onClear:i,list:a}=o;const c=a.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,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:s.COLORS.content.primary}},{children:c?`${c} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:"Apply",onClick:l})]}))]}))};

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

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

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

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

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

package/dist/cjs/components/dropdown/OpenedDropdown/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:"14px 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/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const SearchZeroState: React.FC<{
-    searchedString: string;
-}>;

package/dist/cjs/components/dropdown/OpenedDropdown/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/OpenedDropdown/index.d.ts

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

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

@@ -1,24 +0,0 @@
-/// <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;
-    descriptions?: string | null | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-    subText?: string | undefined;
-    trailingIcon?: JSX.Element | undefined;
-    customComponent?: JSX.Element | undefined;
-} | {
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | null | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-    subText?: string | undefined;
-    trailingIcon?: JSX.Element | undefined;
-    customComponent?: JSX.Element | undefined;
-    options: SingleOption[];
-})[];

package/dist/cjs/components/dropdown/OpenedDropdown/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/dropdown/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Dropdown';
-export * from './DropdownPopover';
-export * from './OpenedDropdown';

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

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-export interface OpenDropdownProps {
-    defaultOptions?: DropdownOption[];
-    options: DropdownOption[];
-    isSearchable?: boolean;
-    error?: string;
-    isMultiSelect?: boolean;
-    width?: string;
-    height?: number | string;
-    allowFreeForm?: boolean;
-    onClose?: () => void;
-    onSelect?: (option: DropdownOption | DropdownOption[]) => void;
-}
-export type GroupedOption = {
-    label?: string;
-    options: (SingleOption | MultiSelectOption)[];
-};
-export type SingleOption = {
-    label: string;
-    value: string;
-    descriptions?: string | null;
-    selected?: boolean;
-    disabled?: boolean;
-    isFreeForm?: boolean;
-    subText?: string;
-    trailingIcon?: JSX.Element;
-    customComponent?: JSX.Element;
-};
-export type MultiSelectOption = SingleOption;
-export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { DropdownOption } from '../dropdown/type';
-import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
-import { TooltipPlacement } 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?: TooltipPlacement;
-    tooltipText?: string;
-    zIndex?: number;
-    isRound?: boolean;
-    dropPosition?: DROP_POSITION;
-    menuAligment?: MENU_ALIGNMENT;
-}>;

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

@@ -1 +0,0 @@
-"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=e=>{const{onSelect:i,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:s,menuWidth:c,menuHeight:a,buttonIcon:p,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:d,height:u,color:l,position:s,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w},{children:t.jsx(o.OpenedDropdown,{options:r,height:a||90,width:`${c}px`,onSelect:i})}))})};

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

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

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

@@ -1,21 +0,0 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import React from 'react';
-import { TooltipPlacement } from '../tooltips/CustomisedTooltip';
-import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from './FloatingActionButton.styles';
-export declare const FloatingActionButton: React.FC<{
-    onClick?: () => void;
-    children?: React.ReactNode;
-    width?: number;
-    height?: number;
-    icon?: JSX.Element;
-    color?: string;
-    position?: FAB_POSITION;
-    buttonPaddingHorizontal?: number;
-    buttonPaddingVertical?: number;
-    tooltipText?: string;
-    tooltipPlacement?: TooltipPlacement;
-    zIndex?: number;
-    isRound?: boolean;
-    dropPosition?: DROP_POSITION;
-    menuAligment?: MENU_ALIGNMENT;
-}>;

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

@@ -1 +0,0 @@
-"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/CustomisedTooltip.js"),r=require("../../assets/icons/question-mark.svg.js"),s=require("./FloatingActionButton.styles.js");const l=o=>{const{width:i,height:n,color:l,onClick:c,icon:d,tooltipPlacement:a,tooltipText:h,isRound:u,isDropdownOpen:g}=o;return h?t.jsx(e.CustomisedTooltip,{isTooltipVisible:!g,tooltipContent:t.jsx(t.Fragment,{children:h}),tooltipTriggerContent:t.jsx(s.FloatingActionButtonContainer,Object.assign({width:i,height:n,color:l,onClick:c,isRound:u},{children:d||t.jsx(r.default,{width:22,height:22})})),tooltipPlacement:a,showOnHover:!0}):t.jsx(t.Fragment,{children:t.jsx(s.FloatingActionButtonContainer,Object.assign({width:i,height:n,color:l,onClick:c,isRound:u},{children:d||t.jsx(r.default,{width:22,height:22})}))})};exports.FloatingActionButton=r=>{const{icon:c,onClick:d,children:a,tooltipText:h,isRound:u=!0,width:g=48,height:p=48,color:j=n.COLORS.background.inverse,position:x=s.FAB_POSITION.TOP_LEFT,buttonPaddingHorizontal:O=20,buttonPaddingVertical:m=20,zIndex:T=1,tooltipPlacement:w=e.TooltipPlacement.Auto,dropPosition:P=s.DROP_POSITION.DOWN,menuAligment:C=s.MENU_ALIGNMENT.END}=r,[b,F]=o.useState(!1);return t.jsx(t.Fragment,{children:t.jsx(s.FloatingActionButtonOuterContainer,Object.assign({width:g,height:p,color:j,position:x,buttonPaddingHorizontal:O,buttonPaddingVertical:m,zIndex:T},{children:t.jsx(s.StyledDropdown,Object.assign({onToggle:(t,o)=>{F(t)},drop:P,align:C},{children:a?t.jsxs(t.Fragment,{children:[t.jsx(s.DropdownToggleContainer,Object.assign({drop:P},{children:t.jsx(l,{width:g,height:p,color:j,tooltipPlacement:w,onClick:d,tooltipText:h,icon:c,position:x,isRound:u,isDropdownOpen:b})})),t.jsx(i.Dropdown.Menu,{children:a})]}):t.jsx(l,{width:g,height:p,color:j,tooltipPlacement:w,onClick:d,tooltipText:h,icon:c,position:x,isRound:u,isDropdownOpen:b})}))}))})};

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

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-export declare enum FAB_POSITION {
-    TOP_LEFT = "top left",
-    TOP_RIGHT = "top right",
-    BOTTOM_LEFT = "bottom left",
-    BOTTOM_RIGHT = "botton right"
-}
-export declare enum DROP_POSITION {
-    UP = "up",
-    UP_CENTERED = "up-centered",
-    START = "start",
-    END = "end",
-    DOWN = "down",
-    DOWN_CENTERED = "down-centered"
-}
-export declare enum MENU_ALIGNMENT {
-    START = "start",
-    END = "end"
-}
-export declare const FloatingActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    isRound: boolean;
-}, never>;
-export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    position: FAB_POSITION;
-    buttonPaddingHorizontal: number;
-    buttonPaddingVertical: number;
-    zIndex: number;
-}, never>;
-export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
-    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
-    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
-    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<import("react").ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
-    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
-    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
-    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
-}, any, {
-    active?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;